Feature: 解决方案列表 & 网页字体

app/assets/css/fonts.css

@@ -0,0 +1,26 @@
+@font-face {
+    font-family: "Source Han Sans CN";
+    src: url("/fonts/source-han-sans/SourceHanSansCN-Regular-Alphabetic.woff2") format("woff2"),
+         url("/fonts/source-han-sans/SourceHanSansCN-Regular-Alphabetic.woff") format("woff");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Source Han Sans CN";
+    src: url("/fonts/source-han-sans/SourceHanSansCN-Bold-Alphabetic.woff2") format("woff2"),
+         url("/fonts/source-han-sans/SourceHanSansCN-Bold-Alphabetic.woff") format("woff");
+    font-weight: 700;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Source Han Sans CN";
+    src: url("/fonts/source-han-sans/SourceHanSansCN-Light-Alphabetic.woff2") format("woff2"),
+         url("/fonts/source-han-sans/SourceHanSansCN-Light-Alphabetic.woff") format("woff");
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}

app/assets/scss/index.scss

@@ -3,6 +3,7 @@ body,
 #app {
   margin: 0;
   padding: 0;
+  font-family: var(--font-main);
 }
 
 html.dark {
@@ -14,3 +15,7 @@ a {
   font-weight: 400;
   color: var(--el-color-primary);
 }
+
+:root {
+  --font-main: "Source Han Sans CN", "Noto Sans CJK SC", "Noto Sans CJK", sans-serif;
+}

app/components/JinshenHeader.vue

@@ -8,7 +8,9 @@
 
 
         <!-- 导航菜单 -->
-        <el-menu :default-active="activeName" class="header-menu" mode="horizontal" :ellipsis="false" :persistent="false" router>
+        <el-menu
+:default-active="activeName" class="header-menu" mode="horizontal" :ellipsis="false"
+            :persistent="false" router>
             <el-menu-item index="productions" :route="$localePath('/productions')">
                 <span class="title">{{ $t('navigation.productions') }}</span>
             </el-menu-item>
@@ -52,7 +54,7 @@ const { setLocale } = useI18n();
 
 const searchQuery = ref('')
 
-const activeName = ref('')
+const activeName = ref<string | undefined>(undefined)
 
 const handleSearch = () => {
     if (searchQuery.value.trim()) {
@@ -63,7 +65,7 @@ const handleSearch = () => {
     }
 }
 
-onMounted(() => {
+const refreshMenu = () => {
     const path = router.currentRoute.value.path;
     if (path.startsWith('/productions')) {
         activeName.value = 'productions';
@@ -74,9 +76,16 @@ onMounted(() => {
     } else if (path.startsWith('/about')) {
         activeName.value = 'about';
     } else {
-        activeName.value = '';
+        activeName.value = undefined; // 默认不激活任何菜单项
     }
-    console.log('Current path:', path, 'Active menu:', activeName.value);
+}
+
+onMounted(() => {
+    refreshMenu();
+    // 监听路由变化以更新激活状态
+    router.afterEach(() => {
+        refreshMenu();
+    });
 })
 </script>
 
@@ -85,14 +94,16 @@ onMounted(() => {
     margin: 0 auto;
     padding: 0 10px;
     display: flex;
+    height: 80px;
     align-items: center;
-    /* border-bottom: 1px solid #e0e0e0; */
+    border-bottom: 1px solid #e0e0e0;
 }
 
 .logo-section {
     display: flex;
     flex: 1;
     align-items: center;
+    margin-left: 20px;
 }
 
 .logo-link {
@@ -102,7 +113,7 @@ onMounted(() => {
 }
 
 .website-logo {
-    height: 80px;
+    height: 64px;
     width: auto;
 }
 
@@ -110,6 +121,7 @@ onMounted(() => {
     margin-right: 40px;
     border-bottom: none !important;
     width: auto;
+    --el-menu-horizontal-height: 100%;
 }
 
 .header-menu .el-menu-item {

app/pages/about/contact-us.vue

@@ -2,11 +2,15 @@
     <div class="page-container">
         <div v-if="content">
             <el-breadcrumb class="breadcrumb" separator="/">
-                <el-breadcrumb-item class="text-sm opacity-50" :to="{ path: $localePath('/') }">
+                <el-breadcrumb-item class="text-md opacity-50">
-                    {{ $t('navigation.home') }}
+                    <NuxtLink :to="$localePath('/')">
+                        {{ $t('navigation.home') }}
+                    </NuxtLink>
                 </el-breadcrumb-item>
-                <el-breadcrumb-item class="text-sm opacity-50">
+                <el-breadcrumb-item class="text-md opacity-50">
-                    {{ $t('navigation.contact-info') }}
+                    <NuxtLink :to="$localePath('/about')">
+                        {{ $t('navigation.contact-info') }}
+                    </NuxtLink>
                 </el-breadcrumb-item>
             </el-breadcrumb>
 

app/pages/about/index.vue

@@ -2,11 +2,15 @@
     <div class="page-container">
         <div v-if="content">
             <el-breadcrumb class="breadcrumb" separator="/">
-                <el-breadcrumb-item class="text-sm opacity-50" :to="{ path: $localePath('/') }">
+                <el-breadcrumb-item class="text-md opacity-50">
-                    {{ $t('navigation.home') }}
+                    <NuxtLink :to="$localePath('/')">
+                        {{ $t('navigation.home') }}
+                    </NuxtLink>
                 </el-breadcrumb-item>
-                <el-breadcrumb-item class="text-sm opacity-50">
+                <el-breadcrumb-item class="text-md opacity-50">
-                    {{ $t('navigation.about-us') }}
+                    <NuxtLink :to="$localePath('/about')">
+                        {{ $t('navigation.about-us') }}
+                    </NuxtLink>
                 </el-breadcrumb-item>
             </el-breadcrumb>
 

app/pages/productions/[...slug].vue

@@ -3,11 +3,13 @@
     <div v-if="production">
       <!-- 面包屑导航 -->
       <el-breadcrumb class="breadcrumb" separator="/">
-        <el-breadcrumb-item class="text-sm opacity-50" :to="{ path: $localePath('/') }">{{ $t('navigation.home')
+        <el-breadcrumb-item class="text-md opacity-50">
-          }}</el-breadcrumb-item>
+          <NuxtLink :to="$localePath('/')">{{ $t('navigation.home') }}</NuxtLink>
-        <el-breadcrumb-item class="text-sm opacity-50" :to="{ path: $localePath('/productions') }">{{ $t('navigation.productions')
+        </el-breadcrumb-item>
-          }}</el-breadcrumb-item>
+        <el-breadcrumb-item class="text-md opacity-50">
-        <el-breadcrumb-item class="text-sm opactiy-50">{{ production.title }}</el-breadcrumb-item>
+          <NuxtLink :to="$localePath('/productions')">{{ $t('navigation.productions') }}</NuxtLink>
+        </el-breadcrumb-item>
+        <el-breadcrumb-item class="text-md opactiy-50">{{ production.title }}</el-breadcrumb-item>
       </el-breadcrumb>
 
       <!-- 产品详情内容 -->

app/pages/solutions/index.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="page-container">
         <div class="page-header">
-            <h1 class="page-title">{{ $t('get-our-solutions') }}</h1>
+            <h1 class="page-title">{{ $t('learn-our-solutions') }}</h1>
             <el-breadcrumb class="breadcrumb">
                 <el-breadcrumb-item class="text-md opacity-50">
                     <NuxtLink :to="$localePath('/')">{{ $t('navigation.home') }}</NuxtLink>
@@ -11,9 +11,87 @@
                 </el-breadcrumb-item>
             </el-breadcrumb>
         </div>
+        <div class="solutions-container">
+            <el-tabs v-model="activeName" class="solutions-tabs">
+                <el-tab-pane :label="$t('all')" name="all">
+                    <div class="solution-list">
+                        <production-card
+v-for="solution in solutions" :key="solution.documentId || solution.id"
+                            :slug="solution.documentId"
+                            :image-url="useStrapiMedia(solution?.cover?.url || '')"
+                            :name="solution.title" :description="solution.summary || ''" />
+                    </div>
+                </el-tab-pane>
+                <el-tab-pane
+v-for="(group, type) in groupedSolutions" :key="type" :label="type || '未分类'"
+                    :name="type || 'no-category'">
+                    <div class="solution-list">
+                        <production-card
+v-for="solution in group" :key="solution.documentId || solution.id"
+                            :slug="solution.documentId"
+                            :image-url="useStrapiMedia(solution?.cover?.url || '')"
+                            :name="solution.title" :description="solution.summary || ''" />
+                    </div>
+                </el-tab-pane>
+            </el-tabs>
+        </div>
     </div>
 </template>
 
+<script setup lang="ts">
+const { find } = useStrapi()
+const { getStrapiLocale } = useLocalizations()
+
+const strapiLocale = getStrapiLocale()
+
+const activeName = ref<string>('all')
+
+const solutions = ref<Solution[]>([])
+
+// 按类型分组
+const groupedSolutions = computed(() => {
+    const gourps: Record<string, Solution[]> = {}
+    for (const sol of solutions.value) {
+        let typeKey = ''
+        if (typeof sol.solution_type === 'string') {
+            typeKey = sol.solution_type
+        } else if (sol.solution_type && typeof sol.solution_type === 'object' && 'type' in sol.solution_type) {
+            typeKey = sol.solution_type.type || ''
+        }
+        if (!gourps[typeKey]) gourps[typeKey] = []
+        gourps[typeKey]?.push(sol)
+    }
+    return gourps
+})
+
+
+
+onMounted(async () => {
+    try {
+        const response = await find<Solution>('solutions', {
+            populate: {
+                cover: {
+                    populate: '*',
+                },
+                solution_type: {
+                    populate: '*',
+                },
+            },
+            locale: strapiLocale,
+        })
+        solutions.value = response.data.map((item: Solution) => ({
+            ...item,
+            solution_type: item.solution_type,
+        }))
+        console.log('Fetched Solutions:', solutions.value)
+        console.log('Grouped Solutions:', groupedSolutions.value)
+    } catch (error) {
+        console.error('Failed to fetch solutions:', error)
+    }
+})
+
+</script>
+
 <style scoped>
 .page-container {
     padding: 2rem 1rem;
@@ -32,4 +110,10 @@
 .breadcrumb {
     margin-left: auto;
 }
+
+.solution-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 40px;
+}
 </style>

app/types/strapi/index.ts

@@ -1,3 +1,4 @@
 export * from './common';
 export * from './production';
 export * from './singleTypes';
+export * from './solution';

app/types/strapi/solution.ts

@@ -0,0 +1,13 @@
+import type { StrapiEntity, StrapiImage } from './common';
+
+export interface SolutionType extends StrapiEntity {
+    type: string;
+}
+
+export interface Solution extends StrapiEntity {
+    title: string;
+    summary: string;
+    cover: StrapiImage;
+    solution_type: SolutionType;
+    content: string;
+}

bun.lock

@@ -22,6 +22,7 @@
         "markdown-it": "^14.1.0",
         "nuxt": "^4.0.3",
         "sass": "^1.90.0",
+        "sharp": "^0.34.3",
         "vue": "^3.5.18",
         "vue-router": "^4.5.1",
       },
@@ -221,6 +222,50 @@
 
     "@iconify/vue": ["@iconify/vue@5.0.0", "", { "dependencies": { "@iconify/types": "^2.0.0" }, "peerDependencies": { "vue": ">=3" } }, "sha512-C+KuEWIF5nSBrobFJhT//JS87OZ++QDORB6f2q2Wm6fl2mueSTpFBeBsveK0KW9hWiZ4mNiPjsh6Zs4jjdROSg=="],
 
+    "@img/sharp-darwin-arm64": ["@img/sharp-darwin-arm64@0.34.3", "", { "optionalDependencies": { "@img/sharp-libvips-darwin-arm64": "1.2.0" }, "os": "darwin", "cpu": "arm64" }, "sha512-ryFMfvxxpQRsgZJqBd4wsttYQbCxsJksrv9Lw/v798JcQ8+w84mBWuXwl+TT0WJ/WrYOLaYpwQXi3sA9nTIaIg=="],
+
+    "@img/sharp-darwin-x64": ["@img/sharp-darwin-x64@0.34.3", "", { "optionalDependencies": { "@img/sharp-libvips-darwin-x64": "1.2.0" }, "os": "darwin", "cpu": "x64" }, "sha512-yHpJYynROAj12TA6qil58hmPmAwxKKC7reUqtGLzsOHfP7/rniNGTL8tjWX6L3CTV4+5P4ypcS7Pp+7OB+8ihA=="],
+
+    "@img/sharp-libvips-darwin-arm64": ["@img/sharp-libvips-darwin-arm64@1.2.0", "", { "os": "darwin", "cpu": "arm64" }, "sha512-sBZmpwmxqwlqG9ueWFXtockhsxefaV6O84BMOrhtg/YqbTaRdqDE7hxraVE3y6gVM4eExmfzW4a8el9ArLeEiQ=="],
+
+    "@img/sharp-libvips-darwin-x64": ["@img/sharp-libvips-darwin-x64@1.2.0", "", { "os": "darwin", "cpu": "x64" }, "sha512-M64XVuL94OgiNHa5/m2YvEQI5q2cl9d/wk0qFTDVXcYzi43lxuiFTftMR1tOnFQovVXNZJ5TURSDK2pNe9Yzqg=="],
+
+    "@img/sharp-libvips-linux-arm": ["@img/sharp-libvips-linux-arm@1.2.0", "", { "os": "linux", "cpu": "arm" }, "sha512-mWd2uWvDtL/nvIzThLq3fr2nnGfyr/XMXlq8ZJ9WMR6PXijHlC3ksp0IpuhK6bougvQrchUAfzRLnbsen0Cqvw=="],
+
+    "@img/sharp-libvips-linux-arm64": ["@img/sharp-libvips-linux-arm64@1.2.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-RXwd0CgG+uPRX5YYrkzKyalt2OJYRiJQ8ED/fi1tq9WQW2jsQIn0tqrlR5l5dr/rjqq6AHAxURhj2DVjyQWSOA=="],
+
+    "@img/sharp-libvips-linux-ppc64": ["@img/sharp-libvips-linux-ppc64@1.2.0", "", { "os": "linux", "cpu": "ppc64" }, "sha512-Xod/7KaDDHkYu2phxxfeEPXfVXFKx70EAFZ0qyUdOjCcxbjqyJOEUpDe6RIyaunGxT34Anf9ue/wuWOqBW2WcQ=="],
+
+    "@img/sharp-libvips-linux-s390x": ["@img/sharp-libvips-linux-s390x@1.2.0", "", { "os": "linux", "cpu": "s390x" }, "sha512-eMKfzDxLGT8mnmPJTNMcjfO33fLiTDsrMlUVcp6b96ETbnJmd4uvZxVJSKPQfS+odwfVaGifhsB07J1LynFehw=="],
+
+    "@img/sharp-libvips-linux-x64": ["@img/sharp-libvips-linux-x64@1.2.0", "", { "os": "linux", "cpu": "x64" }, "sha512-ZW3FPWIc7K1sH9E3nxIGB3y3dZkpJlMnkk7z5tu1nSkBoCgw2nSRTFHI5pB/3CQaJM0pdzMF3paf9ckKMSE9Tg=="],
+
+    "@img/sharp-libvips-linuxmusl-arm64": ["@img/sharp-libvips-linuxmusl-arm64@1.2.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-UG+LqQJbf5VJ8NWJ5Z3tdIe/HXjuIdo4JeVNADXBFuG7z9zjoegpzzGIyV5zQKi4zaJjnAd2+g2nna8TZvuW9Q=="],
+
+    "@img/sharp-libvips-linuxmusl-x64": ["@img/sharp-libvips-linuxmusl-x64@1.2.0", "", { "os": "linux", "cpu": "x64" }, "sha512-SRYOLR7CXPgNze8akZwjoGBoN1ThNZoqpOgfnOxmWsklTGVfJiGJoC/Lod7aNMGA1jSsKWM1+HRX43OP6p9+6Q=="],
+
+    "@img/sharp-linux-arm": ["@img/sharp-linux-arm@0.34.3", "", { "optionalDependencies": { "@img/sharp-libvips-linux-arm": "1.2.0" }, "os": "linux", "cpu": "arm" }, "sha512-oBK9l+h6KBN0i3dC8rYntLiVfW8D8wH+NPNT3O/WBHeW0OQWCjfWksLUaPidsrDKpJgXp3G3/hkmhptAW0I3+A=="],
+
+    "@img/sharp-linux-arm64": ["@img/sharp-linux-arm64@0.34.3", "", { "optionalDependencies": { "@img/sharp-libvips-linux-arm64": "1.2.0" }, "os": "linux", "cpu": "arm64" }, "sha512-QdrKe3EvQrqwkDrtuTIjI0bu6YEJHTgEeqdzI3uWJOH6G1O8Nl1iEeVYRGdj1h5I21CqxSvQp1Yv7xeU3ZewbA=="],
+
+    "@img/sharp-linux-ppc64": ["@img/sharp-linux-ppc64@0.34.3", "", { "optionalDependencies": { "@img/sharp-libvips-linux-ppc64": "1.2.0" }, "os": "linux", "cpu": "ppc64" }, "sha512-GLtbLQMCNC5nxuImPR2+RgrviwKwVql28FWZIW1zWruy6zLgA5/x2ZXk3mxj58X/tszVF69KK0Is83V8YgWhLA=="],
+
+    "@img/sharp-linux-s390x": ["@img/sharp-linux-s390x@0.34.3", "", { "optionalDependencies": { "@img/sharp-libvips-linux-s390x": "1.2.0" }, "os": "linux", "cpu": "s390x" }, "sha512-3gahT+A6c4cdc2edhsLHmIOXMb17ltffJlxR0aC2VPZfwKoTGZec6u5GrFgdR7ciJSsHT27BD3TIuGcuRT0KmQ=="],
+
+    "@img/sharp-linux-x64": ["@img/sharp-linux-x64@0.34.3", "", { "optionalDependencies": { "@img/sharp-libvips-linux-x64": "1.2.0" }, "os": "linux", "cpu": "x64" }, "sha512-8kYso8d806ypnSq3/Ly0QEw90V5ZoHh10yH0HnrzOCr6DKAPI6QVHvwleqMkVQ0m+fc7EH8ah0BB0QPuWY6zJQ=="],
+
+    "@img/sharp-linuxmusl-arm64": ["@img/sharp-linuxmusl-arm64@0.34.3", "", { "optionalDependencies": { "@img/sharp-libvips-linuxmusl-arm64": "1.2.0" }, "os": "linux", "cpu": "arm64" }, "sha512-vAjbHDlr4izEiXM1OTggpCcPg9tn4YriK5vAjowJsHwdBIdx0fYRsURkxLG2RLm9gyBq66gwtWI8Gx0/ov+JKQ=="],
+
+    "@img/sharp-linuxmusl-x64": ["@img/sharp-linuxmusl-x64@0.34.3", "", { "optionalDependencies": { "@img/sharp-libvips-linuxmusl-x64": "1.2.0" }, "os": "linux", "cpu": "x64" }, "sha512-gCWUn9547K5bwvOn9l5XGAEjVTTRji4aPTqLzGXHvIr6bIDZKNTA34seMPgM0WmSf+RYBH411VavCejp3PkOeQ=="],
+
+    "@img/sharp-wasm32": ["@img/sharp-wasm32@0.34.3", "", { "dependencies": { "@emnapi/runtime": "^1.4.4" }, "cpu": "none" }, "sha512-+CyRcpagHMGteySaWos8IbnXcHgfDn7pO2fiC2slJxvNq9gDipYBN42/RagzctVRKgxATmfqOSulgZv5e1RdMg=="],
+
+    "@img/sharp-win32-arm64": ["@img/sharp-win32-arm64@0.34.3", "", { "os": "win32", "cpu": "arm64" }, "sha512-MjnHPnbqMXNC2UgeLJtX4XqoVHHlZNd+nPt1kRPmj63wURegwBhZlApELdtxM2OIZDRv/DFtLcNhVbd1z8GYXQ=="],
+
+    "@img/sharp-win32-ia32": ["@img/sharp-win32-ia32@0.34.3", "", { "os": "win32", "cpu": "ia32" }, "sha512-xuCdhH44WxuXgOM714hn4amodJMZl3OEvf0GVTm0BEyMeA2to+8HEdRPShH0SLYptJY1uBw+SCFP9WVQi1Q/cw=="],
+
+    "@img/sharp-win32-x64": ["@img/sharp-win32-x64@0.34.3", "", { "os": "win32", "cpu": "x64" }, "sha512-OWwz05d++TxzLEv4VnsTz5CmZ6mI6S05sfQGEMrNrQcOEERbX46332IvE7pO/EUiw7jUrrS40z/M7kPyjfl04g=="],
+
     "@intlify/bundle-utils": ["@intlify/bundle-utils@10.0.1", "", { "dependencies": { "@intlify/message-compiler": "^11.1.2", "@intlify/shared": "^11.1.2", "acorn": "^8.8.2", "escodegen": "^2.1.0", "estree-walker": "^2.0.2", "jsonc-eslint-parser": "^2.3.0", "mlly": "^1.2.0", "source-map-js": "^1.0.1", "yaml-eslint-parser": "^1.2.2" } }, "sha512-WkaXfSevtpgtUR4t8K2M6lbR7g03mtOxFeh+vXp5KExvPqS12ppaRj1QxzwRuRI5VUto54A22BjKoBMLyHILWQ=="],
 
     "@intlify/core": ["@intlify/core@11.1.11", "", { "dependencies": { "@intlify/core-base": "11.1.11", "@intlify/shared": "11.1.11" } }, "sha512-cq3NnOQN9KSNJYcKV5YNj9IPEYi4GJbOUBy4gVbGKcxC83msSOcTvkpPq0pdMYZDqx6tPDIcr7xKT9qHjcJASQ=="],
@@ -1039,7 +1084,7 @@
 
     "destr": ["destr@2.0.5", "", {}, "sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA=="],
 
-    "detect-libc": ["detect-libc@1.0.3", "", { "bin": { "detect-libc": "./bin/detect-libc.js" } }, "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg=="],
+    "detect-libc": ["detect-libc@2.0.4", "", {}, "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA=="],
 
     "detective-amd": ["detective-amd@6.0.1", "", { "dependencies": { "ast-module-types": "^6.0.1", "escodegen": "^2.1.0", "get-amd-module-type": "^6.0.1", "node-source-walk": "^7.0.1" }, "bin": { "detective-amd": "bin/cli.js" } }, "sha512-TtyZ3OhwUoEEIhTFoc1C9IyJIud3y+xYkSRjmvCt65+ycQuc3VcBrPRTMWoO/AnuCyOB8T5gky+xf7Igxtjd3g=="],
 
@@ -1877,7 +1922,7 @@
 
     "setprototypeof": ["setprototypeof@1.2.0", "", {}, "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="],
 
-    "sharp": ["sharp@0.32.6", "", { "dependencies": { "color": "^4.2.3", "detect-libc": "^2.0.2", "node-addon-api": "^6.1.0", "prebuild-install": "^7.1.1", "semver": "^7.5.4", "simple-get": "^4.0.1", "tar-fs": "^3.0.4", "tunnel-agent": "^0.6.0" } }, "sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w=="],
+    "sharp": ["sharp@0.34.3", "", { "dependencies": { "color": "^4.2.3", "detect-libc": "^2.0.4", "semver": "^7.7.2" }, "optionalDependencies": { "@img/sharp-darwin-arm64": "0.34.3", "@img/sharp-darwin-x64": "0.34.3", "@img/sharp-libvips-darwin-arm64": "1.2.0", "@img/sharp-libvips-darwin-x64": "1.2.0", "@img/sharp-libvips-linux-arm": "1.2.0", "@img/sharp-libvips-linux-arm64": "1.2.0", "@img/sharp-libvips-linux-ppc64": "1.2.0", "@img/sharp-libvips-linux-s390x": "1.2.0", "@img/sharp-libvips-linux-x64": "1.2.0", "@img/sharp-libvips-linuxmusl-arm64": "1.2.0", "@img/sharp-libvips-linuxmusl-x64": "1.2.0", "@img/sharp-linux-arm": "0.34.3", "@img/sharp-linux-arm64": "0.34.3", "@img/sharp-linux-ppc64": "0.34.3", "@img/sharp-linux-s390x": "0.34.3", "@img/sharp-linux-x64": "0.34.3", "@img/sharp-linuxmusl-arm64": "0.34.3", "@img/sharp-linuxmusl-x64": "0.34.3", "@img/sharp-wasm32": "0.34.3", "@img/sharp-win32-arm64": "0.34.3", "@img/sharp-win32-ia32": "0.34.3", "@img/sharp-win32-x64": "0.34.3" } }, "sha512-eX2IQ6nFohW4DbvHIOLRB3MHFpYqaqvXd3Tp5e/T/dSH83fxaNJQRvDMhASmkNTsNTVF2/OOopzRCt7xokgPfg=="],
 
     "shebang-command": ["shebang-command@2.0.0", "", { "dependencies": { "shebang-regex": "^3.0.0" } }, "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA=="],
 
@@ -2217,8 +2262,6 @@
 
     "@isaacs/cliui/wrap-ansi": ["wrap-ansi@8.1.0", "", { "dependencies": { "ansi-styles": "^6.1.0", "string-width": "^5.0.1", "strip-ansi": "^7.0.1" } }, "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ=="],
 
-    "@mapbox/node-pre-gyp/detect-libc": ["detect-libc@2.0.4", "", {}, "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA=="],
-
     "@netlify/functions/is-stream": ["is-stream@4.0.1", "", {}, "sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A=="],
 
     "@netlify/zip-it-and-ship-it/@babel/types": ["@babel/types@7.28.0", "", { "dependencies": { "@babel/helper-string-parser": "^7.27.1", "@babel/helper-validator-identifier": "^7.27.1" } }, "sha512-jYnje+JyZG5YThjHiF28oT4SIZLnYOcSBb6+SDaFIyzDVSkXQmQQYclJ2R+YxcdmK0AX6x1E5OQNtuh3jHDrUg=="],
@@ -2265,6 +2308,8 @@
 
     "@nuxtjs/i18n/unplugin": ["unplugin@2.3.5", "", { "dependencies": { "acorn": "^8.14.1", "picomatch": "^4.0.2", "webpack-virtual-modules": "^0.6.2" } }, "sha512-RyWSb5AHmGtjjNQ6gIlA67sHOsWpsbWpwDokLwTcejVdOjEkJZh7QKu14J00gDDVSh8kGH4KYC/TNBceXFZhtw=="],
 
+    "@parcel/watcher/detect-libc": ["detect-libc@1.0.3", "", { "bin": { "detect-libc": "./bin/detect-libc.js" } }, "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg=="],
+
     "@parcel/watcher-wasm/napi-wasm": ["napi-wasm@1.1.3", "", { "bundled": true }, "sha512-h/4nMGsHjZDCYmQVNODIrYACVJ+I9KItbG+0si6W/jSjdA9JbWDoU4LLeMXVcEQGHjttI2tuXqDrbGF7qkUHHg=="],
 
     "@poppinss/dumper/supports-color": ["supports-color@10.1.0", "", {}, "sha512-GBuewsPrhJPftT+fqDa9oI/zc5HNsG9nREqwzoSFDOIqf0NggOZbHQj2TE1P1CDJK8ZogFnlZY9hWoUiur7I/A=="],
@@ -2375,6 +2420,8 @@
 
     "ipx/pathe": ["pathe@1.1.2", "", {}, "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ=="],
 
+    "ipx/sharp": ["sharp@0.32.6", "", { "dependencies": { "color": "^4.2.3", "detect-libc": "^2.0.2", "node-addon-api": "^6.1.0", "prebuild-install": "^7.1.1", "semver": "^7.5.4", "simple-get": "^4.0.1", "tar-fs": "^3.0.4", "tunnel-agent": "^0.6.0" } }, "sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w=="],
+
     "jest-worker/supports-color": ["supports-color@8.1.1", "", { "dependencies": { "has-flag": "^4.0.0" } }, "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q=="],
 
     "jsonc-eslint-parser/eslint-visitor-keys": ["eslint-visitor-keys@3.4.3", "", {}, "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag=="],
@@ -2439,8 +2486,6 @@
 
     "postcss-unique-selectors/postcss-selector-parser": ["postcss-selector-parser@7.1.0", "", { "dependencies": { "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" } }, "sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA=="],
 
-    "prebuild-install/detect-libc": ["detect-libc@2.0.4", "", {}, "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA=="],
-
     "prebuild-install/tar-fs": ["tar-fs@2.1.3", "", { "dependencies": { "chownr": "^1.1.1", "mkdirp-classic": "^0.5.2", "pump": "^3.0.0", "tar-stream": "^2.1.4" } }, "sha512-090nwYJDmlhwFwEW3QQl+vaNnxsO2yVsd45eTKRBzSzu+hlb1w2K9inVq5b0ngXuLVqQ4ApvsUHHnu/zQNkWAg=="],
 
     "precinct/commander": ["commander@12.1.0", "", {}, "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA=="],
@@ -2461,10 +2506,6 @@
 
     "send/mime-types": ["mime-types@3.0.1", "", { "dependencies": { "mime-db": "^1.54.0" } }, "sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA=="],
 
-    "sharp/detect-libc": ["detect-libc@2.0.4", "", {}, "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA=="],
-
-    "sharp/node-addon-api": ["node-addon-api@6.1.0", "", {}, "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA=="],
-
     "source-map-support/source-map": ["source-map@0.6.1", "", {}, "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="],
 
     "spdx-correct/spdx-expression-parse": ["spdx-expression-parse@3.0.1", "", { "dependencies": { "spdx-exceptions": "^2.1.0", "spdx-license-ids": "^3.0.0" } }, "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q=="],
@@ -2645,6 +2686,8 @@
 
     "glob/minimatch/brace-expansion": ["brace-expansion@2.0.2", "", { "dependencies": { "balanced-match": "^1.0.0" } }, "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ=="],
 
+    "ipx/sharp/node-addon-api": ["node-addon-api@6.1.0", "", {}, "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA=="],
+
     "lazystream/readable-stream/safe-buffer": ["safe-buffer@5.1.2", "", {}, "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="],
 
     "lazystream/readable-stream/string_decoder": ["string_decoder@1.1.1", "", { "dependencies": { "safe-buffer": "~5.1.0" } }, "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg=="],

i18n/locales/en.json

@@ -34,5 +34,6 @@
   "no-content-available": "No detailed information available",
   "loading": "Loading...",
   "our-productions": "Our Productions",
-  "get-our-solutions": "Get Our Solutions"
+  "learn-our-solutions": "Learn Our Solutions",
+  "all": "All"
 }

i18n/locales/zh.json

@@ -34,5 +34,6 @@
   "no-content-available": "暂无详细信息",
   "loading": "加载中...",
   "our-productions": "我们的产品",
-  "get-our-solutions": "了解我们的解决方案"
+  "learn-our-solutions": "了解我们的解决方案",
+  "all": "全部"
 }

nuxt.config.ts

@@ -22,6 +22,7 @@ export default defineNuxtConfig({
   css: [
     "@unocss/reset/tailwind.css",
     "~/assets/scss/index.scss",
+    "~/assets/css/fonts.css",
     "@mdi/font/css/materialdesignicons.min.css",
   ],
 

package.json

@@ -28,6 +28,7 @@
     "markdown-it": "^14.1.0",
     "nuxt": "^4.0.3",
     "sass": "^1.90.0",
+    "sharp": "^0.34.3",
     "vue": "^3.5.18",
     "vue-router": "^4.5.1"
   },