fix

Merge branch 'main' of http://18.167.251.121:10003/aidlab/Code-Create
2026-06-08 17:18:32 +08:00 · 2026-06-05 15:57:27 +08:00 · 2026-06-05 15:25:37 +08:00 · 2026-06-05 15:25:35 +08:00 · 2026-06-05 13:10:12 +08:00 · 2026-06-05 11:41:40 +08:00
95 changed files with 12303 additions and 642 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -22,3 +22,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+*.vite-ssg-temp
--- a/index.html
+++ b/index.html
@@ -2,10 +2,10 @@
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/png" href="/favicon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>test-ssg</title>
-	<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4403230_bui5mtufs1c.css" />
+    <title>Code-Create</title>
+	<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4403230_3ns293yitrr.css" />
  </head>
  <body>
    <div id="app"></div>
--- a/package.json
+++ b/package.json
@@ -13,6 +13,8 @@
    "@unhead/vue": "^2.1.15",
    "gsap": "^3.15.0",
    "less": "^4.6.4",
+    "pinia": "^3.0.4",
+    "pinia-persistedstate-plugin": "^0.1.0",
    "unhead": "2.1.15",
    "vite-ssg": "^28.3.0",
    "vue": "^3.5.34",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -20,6 +20,12 @@ importers:
      less:
        specifier: ^4.6.4
        version: 4.6.4
+      pinia:
+        specifier: ^3.0.4
+        version: 3.0.4(typescript@6.0.3)(vue@3.5.34(typescript@6.0.3))
+      pinia-persistedstate-plugin:
+        specifier: ^0.1.0
+        version: 0.1.0(typescript@6.0.3)(vue@3.5.34(typescript@6.0.3))
      unhead:
        specifier: 2.1.15
        version: 2.1.15
@@ -311,6 +317,9 @@ packages:
  '@tybys/wasm-util@0.10.2':
    resolution: {integrity: sha512-RoBvJ2X0wuKlWFIjrwffGw1IqZHKQqzIchKaadZZfnNpsAYp2mM0h36JtPCjNDAHGgYez/15uMBpfGwchhiMgg==}

+  '@types/js-cookie@3.0.6':
+    resolution: {integrity: sha512-wkw9yd1kEXOPnvEeEV1Go1MmxtBJL0RR79aOTAApecWFVu7w0NNXNqhcWgvw2YgZDYadliXkl14pa3WXw5jlCQ==}
+
  '@types/node@24.12.4':
    resolution: {integrity: sha512-GUUEShf+PBCGW2KaXwcIt3Yk+e3pkKwWKb9GSyM9WQVE+ep2jzmHdGsHzu4wgcZy5fN9FBdVzjpBQsYlpfpgLA==}

@@ -355,6 +364,15 @@ packages:
  '@vue/devtools-api@6.6.4':
    resolution: {integrity: sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==}

+  '@vue/devtools-api@7.7.9':
+    resolution: {integrity: sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g==}
+
+  '@vue/devtools-kit@7.7.9':
+    resolution: {integrity: sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==}
+
+  '@vue/devtools-shared@7.7.9':
+    resolution: {integrity: sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==}
+
  '@vue/language-core@3.2.8':
    resolution: {integrity: sha512-9OiSPQFiAAWNVnXb0d2dcTmcKnFQamhuNES6ayyISrb/mwPWVgoGdAqSfCWqKhQpa3D5gDTcYD+w7ObiheZ81g==}

@@ -405,6 +423,9 @@ packages:
  bidi-js@1.0.3:
    resolution: {integrity: sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==}

+  birpc@2.9.0:
+    resolution: {integrity: sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==}
+
  buffer-from@1.1.2:
    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}

@@ -430,6 +451,10 @@ packages:
    resolution: {integrity: sha512-yCEafptTtb4bk7GLEQoM8KVJpxAfdBJYaXyzQEgQQQgYrZiDp8SJmGKlYza6CYjEDNstAdNdKA3UuoULlEbS6w==}
    engines: {node: '>=12.13'}

+  copy-anything@4.0.5:
+    resolution: {integrity: sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==}
+    engines: {node: '>=18'}
+
  css-tree@3.2.1:
    resolution: {integrity: sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==}
    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
@@ -503,6 +528,9 @@ packages:
  gsap@3.15.0:
    resolution: {integrity: sha512-dMW4CWBTUK1AEEDeZc1g4xpPGIrSf9fJF960qbTZmN/QwZIWY5wgliS6JWl9/25fpTGJrMRtSjGtOmPnfjZB+A==}

+  hookable@5.5.3:
+    resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
+
  hookable@6.1.1:
    resolution: {integrity: sha512-U9LYDy1CwhMCnprUfeAZWZGByVbhd54hwepegYTK7Pi5NvqEj63ifz5z+xukznehT7i6NIZRu89Ay1AZmRsLEQ==}

@@ -542,6 +570,10 @@ packages:
    resolution: {integrity: sha512-ZhMwEosbFJkA0YhFnNDgTM4ZxDRsS6HqTo7qsZM08fehyRYIYa0yHu5R6mgo1n/8MgaPBXiPimPD77baVFYg+A==}
    engines: {node: '>=12.13'}

+  is-what@5.5.0:
+    resolution: {integrity: sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==}
+    engines: {node: '>=18'}
+
  jsdom@28.1.0:
    resolution: {integrity: sha512-0+MoQNYyr2rBHqO1xilltfDjV9G7ymYGlAUazgcDLQaUf8JDHbuGwsxN6U9qWaElZ4w1B2r7yEGIL3GdeW3Rug==}
    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
@@ -652,6 +684,9 @@ packages:
    engines: {node: '>=4'}
    hasBin: true

+  mitt@3.0.1:
+    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
+
  ms@2.1.3:
    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}

@@ -687,6 +722,9 @@ packages:
  path-browserify@1.0.1:
    resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}

+  perfect-debounce@1.0.0:
+    resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
+
  picocolors@1.1.1:
    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}

@@ -698,6 +736,27 @@ packages:
    resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
    engines: {node: '>=6'}

+  pinia-persistedstate-plugin@0.1.0:
+    resolution: {integrity: sha512-ToKR/EJzhhXElQ5YL8PVVY4CqLJjywxszAJjOCgprjmIVkTrPBsEOY4b/ATOzHQc1TtuaJs/3MJuoCpA3pv8Ew==}
+
+  pinia@2.3.1:
+    resolution: {integrity: sha512-khUlZSwt9xXCaTbbxFYBKDc/bWAGWJjOgvxETwkTN7KRm66EeT1ZdZj6i2ceh9sP2Pzqsbc704r2yngBrxBVug==}
+    peerDependencies:
+      typescript: '>=4.4.4'
+      vue: ^2.7.0 || ^3.5.11
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  pinia@3.0.4:
+    resolution: {integrity: sha512-l7pqLUFTI/+ESXn6k3nu30ZIzW5E2WZF/LaHJEpoq6ElcLD+wduZoB2kBN19du6K/4FDpPMazY2wJr+IndBtQw==}
+    peerDependencies:
+      typescript: '>=4.5.0'
+      vue: ^3.5.11
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
  postcss@8.5.14:
    resolution: {integrity: sha512-SoSL4+OSEtR99LHFZQiJLkT59C5B1amGO1NzTwj7TT1qCUgUO6hxOvzkOYxD+vMrXBM3XJIKzokoERdqQq/Zmg==}
    engines: {node: ^10 || ^12 || >=14}
@@ -717,6 +776,9 @@ packages:
    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
    engines: {node: '>=0.10.0'}

+  rfdc@1.4.1:
+    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
+
  rolldown@1.0.0:
    resolution: {integrity: sha512-yD986aXDESFGS95spT1LAv0jssywP4npMEjmMHyN2/5+eE8qQJUype2AaKkRiLgBgyD0LFlubwAht7VmY8rGoA==}
    engines: {node: ^20.19.0 || >=22.12.0}
@@ -748,6 +810,14 @@ packages:
    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
    engines: {node: '>=0.10.0'}

+  speakingurl@14.0.1:
+    resolution: {integrity: sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==}
+    engines: {node: '>=0.10.0'}
+
+  superjson@2.2.6:
+    resolution: {integrity: sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==}
+    engines: {node: '>=16'}
+
  symbol-tree@3.2.4:
    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}

@@ -860,6 +930,17 @@ packages:
  vscode-uri@3.1.0:
    resolution: {integrity: sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==}

+  vue-demi@0.14.10:
+    resolution: {integrity: sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==}
+    engines: {node: '>=12'}
+    hasBin: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.0-rc.1
+      vue: ^3.0.0-0 || ^2.6.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+
  vue-i18n@11.4.4:
    resolution: {integrity: sha512-gIbXVSFQV4jcSJxfwdZ5zSZmZ+12CnX0K3vBkRSd6Zn+HSzCp+QwUgPwpD/uN0oKNKI9RzlUXPKVedEuMgNG0A==}
    engines: {node: '>= 22'}
@@ -1114,6 +1195,8 @@ snapshots:
      tslib: 2.8.1
    optional: true

+  '@types/js-cookie@3.0.6': {}
+
  '@types/node@24.12.4':
    dependencies:
      undici-types: 7.16.0
@@ -1178,6 +1261,24 @@ snapshots:

  '@vue/devtools-api@6.6.4': {}

+  '@vue/devtools-api@7.7.9':
+    dependencies:
+      '@vue/devtools-kit': 7.7.9
+
+  '@vue/devtools-kit@7.7.9':
+    dependencies:
+      '@vue/devtools-shared': 7.7.9
+      birpc: 2.9.0
+      hookable: 5.5.3
+      mitt: 3.0.1
+      perfect-debounce: 1.0.0
+      speakingurl: 14.0.1
+      superjson: 2.2.6
+
+  '@vue/devtools-shared@7.7.9':
+    dependencies:
+      rfdc: 1.4.1
+
  '@vue/language-core@3.2.8':
    dependencies:
      '@volar/language-core': 2.4.28
@@ -1229,6 +1330,8 @@ snapshots:
    dependencies:
      require-from-string: 2.0.2

+  birpc@2.9.0: {}
+
  buffer-from@1.1.2: {}

  cac@6.7.14: {}
@@ -1250,6 +1353,10 @@ snapshots:
    dependencies:
      is-what: 4.1.16

+  copy-anything@4.0.5:
+    dependencies:
+      is-what: 5.5.0
+
  css-tree@3.2.1:
    dependencies:
      mdn-data: 2.27.1
@@ -1309,6 +1416,8 @@ snapshots:

  gsap@3.15.0: {}

+  hookable@5.5.3: {}
+
  hookable@6.1.1: {}

  html-encoding-sniffer@6.0.0:
@@ -1357,6 +1466,8 @@ snapshots:

  is-what@4.1.16: {}

+  is-what@5.5.0: {}
+
  jsdom@28.1.0:
    dependencies:
      '@acemir/cssom': 0.9.31
@@ -1467,6 +1578,8 @@ snapshots:
  mime@1.6.0:
    optional: true

+  mitt@3.0.1: {}
+
  ms@2.1.3: {}

  muggle-string@0.4.1: {}
@@ -1502,6 +1615,8 @@ snapshots:

  path-browserify@1.0.1: {}

+  perfect-debounce@1.0.0: {}
+
  picocolors@1.1.1: {}

  picomatch@4.0.4: {}
@@ -1509,6 +1624,32 @@ snapshots:
  pify@4.0.1:
    optional: true

+  pinia-persistedstate-plugin@0.1.0(typescript@6.0.3)(vue@3.5.34(typescript@6.0.3)):
+    dependencies:
+      '@types/js-cookie': 3.0.6
+      pinia: 2.3.1(typescript@6.0.3)(vue@3.5.34(typescript@6.0.3))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - typescript
+      - vue
+
+  pinia@2.3.1(typescript@6.0.3)(vue@3.5.34(typescript@6.0.3)):
+    dependencies:
+      '@vue/devtools-api': 6.6.4
+      vue: 3.5.34(typescript@6.0.3)
+      vue-demi: 0.14.10(vue@3.5.34(typescript@6.0.3))
+    optionalDependencies:
+      typescript: 6.0.3
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+
+  pinia@3.0.4(typescript@6.0.3)(vue@3.5.34(typescript@6.0.3)):
+    dependencies:
+      '@vue/devtools-api': 7.7.9
+      vue: 3.5.34(typescript@6.0.3)
+    optionalDependencies:
+      typescript: 6.0.3
+
  postcss@8.5.14:
    dependencies:
      nanoid: 3.3.12
@@ -1524,6 +1665,8 @@ snapshots:

  require-from-string@2.0.2: {}

+  rfdc@1.4.1: {}
+
  rolldown@1.0.0:
    dependencies:
      '@oxc-project/types': 0.129.0
@@ -1567,6 +1710,12 @@ snapshots:

  source-map@0.6.1: {}

+  speakingurl@14.0.1: {}
+
+  superjson@2.2.6:
+    dependencies:
+      copy-anything: 4.0.5
+
  symbol-tree@3.2.4: {}

  terser@5.47.1:
@@ -1643,6 +1792,10 @@ snapshots:

  vscode-uri@3.1.0: {}

+  vue-demi@0.14.10(vue@3.5.34(typescript@6.0.3)):
+    dependencies:
+      vue: 3.5.34(typescript@6.0.3)
+
  vue-i18n@11.4.4(vue@3.5.34(typescript@6.0.3)):
    dependencies:
      '@intlify/core-base': 11.4.4
--- a/public/favicon.png
+++ b/public/favicon.png
--- a/public/favicon.svg
+++ b/public/favicon.svg
--- a/public/icons.svg
+++ b/public/icons.svg
@@ -1,24 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg">
-  <symbol id="bluesky-icon" viewBox="0 0 16 17">
-    <g clip-path="url(#bluesky-clip)"><path fill="#08060d" d="M7.75 7.735c-.693-1.348-2.58-3.86-4.334-5.097-1.68-1.187-2.32-.981-2.74-.79C.188 2.065.1 2.812.1 3.251s.241 3.602.398 4.13c.52 1.744 2.367 2.333 4.07 2.145-2.495.37-4.71 1.278-1.805 4.512 3.196 3.309 4.38-.71 4.987-2.746.608 2.036 1.307 5.91 4.93 2.746 2.72-2.746.747-4.143-1.747-4.512 1.702.189 3.55-.4 4.07-2.145.156-.528.397-3.691.397-4.13s-.088-1.186-.575-1.406c-.42-.19-1.06-.395-2.741.79-1.755 1.24-3.64 3.752-4.334 5.099"/></g>
-    <defs><clipPath id="bluesky-clip"><path fill="#fff" d="M.1.85h15.3v15.3H.1z"/></clipPath></defs>
-  </symbol>
-  <symbol id="discord-icon" viewBox="0 0 20 19">
-    <path fill="#08060d" d="M16.224 3.768a14.5 14.5 0 0 0-3.67-1.153c-.158.286-.343.67-.47.976a13.5 13.5 0 0 0-4.067 0c-.128-.306-.317-.69-.476-.976A14.4 14.4 0 0 0 3.868 3.77C1.546 7.28.916 10.703 1.231 14.077a14.7 14.7 0 0 0 4.5 2.306q.545-.748.965-1.587a9.5 9.5 0 0 1-1.518-.74q.191-.14.372-.293c2.927 1.369 6.107 1.369 8.999 0q.183.152.372.294-.723.437-1.52.74.418.838.963 1.588a14.6 14.6 0 0 0 4.504-2.308c.37-3.911-.63-7.302-2.644-10.309m-9.13 8.234c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.894 0 1.614.82 1.599 1.82.001 1-.705 1.82-1.6 1.82m5.91 0c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.893 0 1.614.82 1.599 1.82 0 1-.706 1.82-1.6 1.82"/>
-  </symbol>
-  <symbol id="documentation-icon" viewBox="0 0 21 20">
-    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="m15.5 13.333 1.533 1.322c.645.555.967.833.967 1.178s-.322.623-.967 1.179L15.5 18.333m-3.333-5-1.534 1.322c-.644.555-.966.833-.966 1.178s.322.623.966 1.179l1.534 1.321"/>
-    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M17.167 10.836v-4.32c0-1.41 0-2.117-.224-2.68-.359-.906-1.118-1.621-2.08-1.96-.599-.21-1.349-.21-2.848-.21-2.623 0-3.935 0-4.983.369-1.684.591-3.013 1.842-3.641 3.428C3 6.449 3 7.684 3 10.154v2.122c0 2.558 0 3.838.706 4.726q.306.383.713.671c.76.536 1.79.64 3.581.66"/>
-    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M3 10a2.78 2.78 0 0 1 2.778-2.778c.555 0 1.209.097 1.748-.047.48-.129.854-.503.982-.982.145-.54.048-1.194.048-1.749a2.78 2.78 0 0 1 2.777-2.777"/>
-  </symbol>
-  <symbol id="github-icon" viewBox="0 0 19 19">
-    <path fill="#08060d" fill-rule="evenodd" d="M9.356 1.85C5.05 1.85 1.57 5.356 1.57 9.694a7.84 7.84 0 0 0 5.324 7.44c.387.079.528-.168.528-.376 0-.182-.013-.805-.013-1.454-2.165.467-2.616-.935-2.616-.935-.349-.91-.864-1.143-.864-1.143-.71-.48.051-.48.051-.48.787.051 1.2.805 1.2.805.695 1.194 1.817.857 2.268.649.064-.507.27-.857.49-1.052-1.728-.182-3.545-.857-3.545-3.87 0-.857.31-1.558.8-2.104-.078-.195-.349-1 .077-2.078 0 0 .657-.208 2.14.805a7.5 7.5 0 0 1 1.946-.26c.657 0 1.328.092 1.946.26 1.483-1.013 2.14-.805 2.14-.805.426 1.078.155 1.883.078 2.078.502.546.799 1.247.799 2.104 0 3.013-1.818 3.675-3.558 3.87.284.247.528.714.528 1.454 0 1.052-.012 1.896-.012 2.156 0 .208.142.455.528.377a7.84 7.84 0 0 0 5.324-7.441c.013-4.338-3.48-7.844-7.773-7.844" clip-rule="evenodd"/>
-  </symbol>
-  <symbol id="social-icon" viewBox="0 0 20 20">
-    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M12.5 6.667a4.167 4.167 0 1 0-8.334 0 4.167 4.167 0 0 0 8.334 0"/>
-    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M2.5 16.667a5.833 5.833 0 0 1 8.75-5.053m3.837.474.513 1.035c.07.144.257.282.414.309l.93.155c.596.1.736.536.307.965l-.723.73a.64.64 0 0 0-.152.531l.207.903c.164.715-.213.991-.84.618l-.872-.52a.63.63 0 0 0-.577 0l-.872.52c-.624.373-1.003.094-.84-.618l.207-.903a.64.64 0 0 0-.152-.532l-.723-.729c-.426-.43-.289-.864.306-.964l.93-.156a.64.64 0 0 0 .412-.31l.513-1.034c.28-.562.735-.562 1.012 0"/>
-  </symbol>
-  <symbol id="x-icon" viewBox="0 0 19 19">
-    <path fill="#08060d" fill-rule="evenodd" d="M1.893 1.98c.052.072 1.245 1.769 2.653 3.77l2.892 4.114c.183.261.333.48.333.486s-.068.089-.152.183l-.522.593-.765.867-3.597 4.087c-.375.426-.734.834-.798.905a1 1 0 0 0-.118.148c0 .01.236.017.664.017h.663l.729-.83c.4-.457.796-.906.879-.999a692 692 0 0 0 1.794-2.038c.034-.037.301-.34.594-.675l.551-.624.345-.392a7 7 0 0 1 .34-.374c.006 0 .93 1.306 2.052 2.903l2.084 2.965.045.063h2.275c1.87 0 2.273-.003 2.266-.021-.008-.02-1.098-1.572-3.894-5.547-2.013-2.862-2.28-3.246-2.273-3.266.008-.019.282-.332 2.085-2.38l2-2.274 1.567-1.782c.022-.028-.016-.03-.65-.03h-.674l-.3.342a871 871 0 0 1-1.782 2.025c-.067.075-.405.458-.75.852a100 100 0 0 1-.803.91c-.148.172-.299.344-.99 1.127-.304.343-.32.358-.345.327-.015-.019-.904-1.282-1.976-2.808L6.365 1.85H1.8zm1.782.91 8.078 11.294c.772 1.08 1.413 1.973 1.425 1.984.016.017.241.02 1.05.017l1.03-.004-2.694-3.766L7.796 5.75 5.722 2.852l-1.039-.004-1.039-.004z" clip-rule="evenodd"/>
-  </symbol>
-</svg>
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,13 +3,22 @@
 	<RouterView />
 	<MainFooter />
 	<BackTop />
+	<VideoModel />
+	<div v-show="loading" class="main-loading">
+		<span class="iconfont icon-loading"></span>
+	</div>
 </template>

 <script setup lang="ts">
-	import { RouterView } from "vue-router";
-	import MainHeader from "./components/main-header.vue";
-	import MainFooter from "./components/main-footer.vue";
-	import BackTop from "./components/back-top.vue";
+	import { ref, computed } from 'vue'
+	import { RouterView } from 'vue-router'
+	import MainHeader from './components/main-header.vue'
+	import MainFooter from './components/main-footer.vue'
+	import BackTop from './components/back-top.vue'
+	import VideoModel from './components/video-model.vue'
+	import { useGlobalStore } from './stores/global'
+	const globalStore = useGlobalStore()
+	const loading = computed(() => globalStore.state.loading)
 </script>
 <style scoped lang="less">
 	// .main {
@@ -22,4 +31,29 @@
 	// 		height: auto;
 	// 	}
 	// }
+	.main-loading {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		background-color: rgba(0, 0, 0, 0.5);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		z-index: 9999999999;
+		> .iconfont {
+			font-size: 80px;
+			color: #fff;
+			animation: loading 2s linear infinite;
+		}
+	}
+</style>
+<style lang="less">
+	html:root {
+		--main-header-height: 85px;
+		@media (max-width: 1000px) {
+			--main-header-height: 60px;
+		}
+	}
 </style>
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -11,8 +11,13 @@ p {
  margin: 0;
  padding: 0;
 }
+html,
+body {
+  overflow-x: hidden;
+}
 * {
  box-sizing: border-box;
+  font-family: Poppins;
 }
 h1,
 h2,
@@ -24,7 +29,6 @@ h6,
  font-family: Poppins, sans-serif;
  font-weight: 600;
  letter-spacing: 2px;
-  text-transform: capitalize;
 }
@keyframes loading {
  0% {
@@ -121,58 +125,66 @@ h6,
  background-size: var(--mosaic-bg-size) var(--mosaic-bg-size);
 }
 button[custom],
-button[custom="white"] {
-  min-width: 19.4rem;
-  height: 5rem;
-  padding: 0 1rem;
-  border-radius: 0;
-  font-family: KaiseiOpti-Bold;
-  font-size: var(--button-font-size, 2rem);
-  color: var(--button-color, #232323);
-  background: var(--button-bgcolor, #fff);
-  border: var(--button-border, none);
+button[custom="red"] {
+  width: 100%;
+  height: 38px;
+  border-radius: 4px;
+  border: none;
+  background-color: #9a2125;
+  color: #fff;
+  transition: all 0.3s ease-in-out;
+  box-shadow: 0 2px 5px rgba(7, 129, 105, 0.3);
  cursor: pointer;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-button[custom]:active,
-button[custom="white"]:active {
-  background: var(--button-click-bgcolor, #e4e4e4);
-  color: var(--button-click-color, #232323);
+button[custom]:hover,
+button[custom="red"]:hover {
+  background-color: var(--hover-backcolor, #99494c);
 }
-button[custom="black"] {
-  --button-bgcolor: #232323;
-  --button-color: #fff;
-  --button-click-bgcolor: #333;
-  --button-click-color: #fff;
-  --button-font-size: 1.6rem;
+button[custom] > .iconfont,
+button[custom="red"] > .iconfont {
+  margin-right: 4px;
+  font-size: 16px;
 }
-button[custom="black-box"] {
-  --button-bgcolor: transparent;
-  --button-color: #232323;
-  --button-border: 0.2rem solid #979797;
-  --button-click-bgcolor: #979797;
-  --button-click-color: #fff;
-  --button-font-size: 1.6rem;
+button[custom] > .label,
+button[custom="red"] > .label {
+  font-size: 14px;
 }
 .hover-bottom-animation {
  position: relative;
  cursor: pointer;
 }
+.hover-bottom-animation.center {
+  --right: auto;
+  --left: 50%;
+  --transform: translateX(-50%);
+}
 .hover-bottom-animation::before {
  content: '';
  position: absolute;
  height: 2px;
  width: 0;
-  right: 0;
-  left: auto;
+  right: var(--right, 0);
+  left: var(--left, auto);
  bottom: 0;
+  transform: var(--transform);
  transition: width 0.2s ease-in-out;
  -webkit-transition: width 0.2s ease-in-out;
-  background-color: #fff;
+  background-color: var(--background-color, #fff);
 }
-.hover-bottom-animation:hover::before {
+.hover-bottom-animation:not(.center):hover::before {
  width: 100%;
-  left: 0;
-  right: auto;
+  --left: 0;
+  --right: auto;
+}
+.hover-bottom-animation.center:hover::before {
+  width: 100%;
+  --right: auto;
+  --left: 50%;
+  --transform: translateX(-50%);
 }
 .hover-bottom-animation.active:before,
 .hover-bottom-animation.router-link-exact-active:before {
--- a/src/assets/css/style.less
+++ b/src/assets/css/style.less
@@ -11,9 +11,12 @@ p {
 	margin: 0;
 	padding: 0;
 }
-
+html,body{
+	overflow-x: hidden;
+}
 * {
 	box-sizing: border-box;
+	font-family: Poppins;
 }

 h1,
@@ -26,7 +29,7 @@ h6,
 	font-family: Poppins, sans-serif;
 	font-weight: 600;
 	letter-spacing: 2px;
-	text-transform: capitalize;
+	// text-transform: capitalize;
 }

@keyframes loading {
@@ -148,62 +151,73 @@ h6,

 // 自定义button按钮
 button[custom],
-button[custom="white"] {
-	min-width: 19.4rem;
-	height: 5rem;
-	padding: 0 1rem;
-	border-radius: 0;
-	font-family: KaiseiOpti-Bold;
-	font-size: var(--button-font-size, 2rem);
-	color: var(--button-color, #232323);
-	background: var(--button-bgcolor, #fff);
-	border: var(--button-border, none);
+button[custom="red"] {
+	width: 100%;
+	height: 38px;
+	border-radius: 4px;
+	border: none;
+	background-color: #9a2125;
+	color: #fff;
+	transition: all 0.3s ease-in-out;
+	box-shadow: 0 2px 5px rgba(7, 129, 105, 0.3);
 	cursor: pointer;
+	font-size: 12px;

-	&:active {
-		background: var(--button-click-bgcolor, #e4e4e4);
-		color: var(--button-click-color, #232323);
-	}
+	&:hover {
+		background-color: var(--hover-backcolor, #99494c);
 	}

-button[custom="black"] {
-	--button-bgcolor: #232323;
-	--button-color: #fff;
-	--button-click-bgcolor: #333;
-	--button-click-color: #fff;
-	--button-font-size: 1.6rem;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+
+	>.iconfont {
+		margin-right: 4px;
+		font-size: 16px;
 	}

-button[custom="black-box"] {
-	--button-bgcolor: transparent;
-	--button-color: #232323;
-	--button-border: 0.2rem solid #979797;
-	--button-click-bgcolor: #979797;
-	--button-click-color: #fff;
-	--button-font-size: 1.6rem;
+	>.label {
+		font-size: 14px;
 	}

+}
+
+
 .hover-bottom-animation {
 	position: relative;
 	cursor: pointer;

+	&.center {
+		--right: auto;
+		--left: 50%;
+		--transform: translateX(-50%);
+	}
+
 	&::before {
 		content: '';
 		position: absolute;
 		height: 2px;
 		width: 0;
-		right: 0;
-		left: auto;
+		right: var(--right, 0);
+		left: var(--left, auto);
 		bottom: 0;
+		transform: var(--transform);
 		transition: width 0.2s ease-in-out;
 		-webkit-transition: width 0.2s ease-in-out;
-		background-color: #fff;
+		background-color: var(--background-color, #fff);
 	}

-	&:hover::before {
+	&:not(.center):hover::before {
 		width: 100%;
-		left: 0;
-		right: auto;
+		--left: 0;
+		--right: auto;
+	}
+
+	&.center:hover::before {
+		width: 100%;
+		--right: auto;
+		--left: 50%;
+		--transform: translateX(-50%);
 	}

 	&.active:before,
--- a/src/assets/fonts/fontFamily.css
+++ b/src/assets/fonts/fontFamily.css
@@ -0,0 +1,5 @@
+/* 字体定义 */
+@font-face {
+  font-family: 'Poppins';
+  src: url('./poppins.woff2') format('woff2');
+}
--- a/src/assets/fonts/poppins.woff2
+++ b/src/assets/fonts/poppins.woff2
--- a/src/assets/images/404.png
+++ b/src/assets/images/404.png
--- a/src/assets/images/contact-us/bg.jpg
+++ b/src/assets/images/contact-us/bg.jpg
--- a/src/assets/images/media/bg.jpg
+++ b/src/assets/images/media/bg.jpg
--- a/src/assets/images/mixi/mixi-banner.jpg
+++ b/src/assets/images/mixi/mixi-banner.jpg
--- a/src/assets/images/mixi/feature-4.png
+++ b/src/assets/images/mixi/feature-4.png
--- a/src/assets/images/mixi/mixi-intro-bg.jpg
+++ b/src/assets/images/mixi/mixi-intro-bg.jpg
--- a/src/assets/images/mixi/mixi_intro_01_bg.png
+++ b/src/assets/images/mixi/mixi_intro_01_bg.png
--- a/src/assets/images/mixi/mixi_intro_01_panel.png
+++ b/src/assets/images/mixi/mixi_intro_01_panel.png
--- a/src/assets/images/mixi/mixi-video-thumb.jpg
+++ b/src/assets/images/mixi/mixi-video-thumb.jpg
--- a/src/components/down-menu.vue
+++ b/src/components/down-menu.vue
@@ -4,7 +4,7 @@
 			{{ title }}
 			<span class="iconfont icon-arrow-down-bold"></span>
 		</div>
-		<div class="child">
+		<div class="child" :class="position">
 			<slot></slot>
 		</div>
 	</div>
@@ -16,6 +16,10 @@
 		title: {
 			type: String,
 			default: ''
+		},
+		position: {
+			type: String as () => 'left' | 'right' | 'center',
+			default: 'left'
 		}
 	})
 </script>
@@ -25,7 +29,7 @@
 		> .title {
 			margin: 0 14px;
 			color: #fff;
-			font-size: 15px;
+			font-size: 14px;
 			text-decoration: none;
 			line-height: 37px;
 			display: inline-block;
@@ -69,7 +73,8 @@
 			background-color: #fff;
 			display: flex;
 			flex-direction: column;
-			transform: translateY(calc(100% + 5px));
+			--translate-x: 0;
+			transform: translate(var(--translate-x), calc(100% + 5px));
 			> * {
 				display: inline-block;
 				padding: 10px 15px;
@@ -81,6 +86,17 @@
 					opacity: 0.5;
 				}
 			}
+			left: 0;
+			right: auto;
+			&.right {
+				left: auto;
+				right: 0;
+			}
+			&.center {
+				left: 50%;
+				right: auto;
+				--translate-x: -50%;
+			}
 		}
 		&:hover > .child {
 			animation: child-show 0.2s linear both;
@@ -92,7 +108,7 @@
 			}
 			100% {
 				// opacity: 1;
-				transform: translateY(100%);
+				transform: translate(var(--translate-x), 100%);
 				visibility: visible;
 			}
 		}
--- a/src/components/email-box.vue
+++ b/src/components/email-box.vue
@@ -0,0 +1,92 @@
+<template>
+	<div class="email-box">
+		<h3 class="title">{{ title }}</h3>
+		<div class="tip">{{ tip }}</div>
+		<input
+			v-model="email"
+			@keydown.enter.prevent="submit"
+			type="email"
+			:placeholder="$t('EmailAddress')"
+		/>
+		<div v-show="error" class="error">{{ error }}</div>
+		<button custom @click="submit">{{ $t('Submit') }}</button>
+	</div>
+</template>
+<script setup lang="ts">
+	import { ref } from 'vue'
+	const emit = defineEmits(['submit'])
+	const props = defineProps({
+		title: { type: String },
+		tip: { type: String }
+	})
+	const email = ref('')
+	const error = ref('')
+	const submit = () => {
+		if (!validateEmail(email.value)) return
+		emit('submit', email.value)
+	}
+	// 验证邮箱
+	const validateEmail = (email: string) => {
+		if (email === '') {
+			error.value = 'Please fill out this field.'
+			return false
+		} else if (!/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(email)) {
+			error.value = 'Please enter a valid email address.'
+			return false
+		}
+		error.value = ''
+		return true
+	}
+</script>
+
+<style scoped lang="less">
+	.email-box {
+		width: 100%;
+		padding: 80px;
+		margin: 0 auto;
+		background-color: #fff;
+		box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
+		border-radius: 40px;
+		> .title {
+			font-size: 40px;
+			color: #222;
+			margin-bottom: 10px;
+		}
+		> .tip {
+			color: #4d4d4d;
+			margin-bottom: 20px;
+		}
+		> input {
+			width: 100%;
+			border-radius: 40px;
+			height: 40px;
+			padding: 0 20px;
+			border: 1px solid #e1e1e1;
+			outline: none;
+			color: #222;
+		}
+		> .error {
+			font-size: 14px;
+			color: #dc3232;
+		}
+		> button {
+			margin-top: 10px;
+			width: 100%;
+			border-radius: 50px;
+			height: 50px;
+			font-weight: bold;
+			text-transform: uppercase;
+			--hover-backcolor: #000;
+		}
+		@media (max-width: 800px) {
+			padding: 20px;
+			border-radius: 20px;
+			> .title {
+				font-size: 20px;
+			}
+			> .tip {
+				font-size: 12px;
+			}
+		}
+	}
+</style>
--- a/src/components/main-footer.vue
+++ b/src/components/main-footer.vue
@@ -1,11 +1,16 @@
 <template>
 	<footer class="main-footer">
 		<div class="left">
-			<span>©2025 Code-Create Limited</span>
+			<span>{{
+				$t('MainFooter.Copyright', {
+					year: new Date().getFullYear(),
+					name: 'Code-Create'
+				})
+			}}</span>
 		</div>
 		<div class="right">
 			<div v-for="item in nav" :key="item.path">
-				<router-link class="link" :to="item.path">{{ item.name }}</router-link>
+				<router-link class="link" :to="item.path">{{ $t(item.name) }}</router-link>
 			</div>
 		</div>
 	</footer>
@@ -14,19 +19,19 @@
 	import { ref, onMounted, onUnmounted, reactive, toRefs } from 'vue'
 	const nav = ref([
 		{
-			name: 'Privacy Policy',
+			name: 'MainFooter.PrivacyPolicy',
 			path: '/privacy-policy'
 		},
 		{
-			name: 'Terms of Use',
+			name: 'MainFooter.TermsOfUse',
 			path: '/terms-of-use'
 		},
 		{
-			name: 'Disclaimer',
+			name: 'MainFooter.Disclaimer',
 			path: '/disclaimer'
 		},
 		{
-			name: 'Site Map',
+			name: 'MainFooter.SiteMap',
 			path: '/site-map'
 		}
 	])
@@ -74,5 +79,37 @@
 				}
 			}
 		}
+		@media (max-width: 800px) {
+			min-height: 155px;
+			padding: 20px 14px 18px;
+			flex-direction: column;
+			align-items: center;
+			justify-content: center;
+			gap: 28px;
+
+			> .left {
+				order: 1;
+				font-size: 11px;
+				line-height: 1.4;
+			}
+
+			> .right {
+				order: 2;
+				width: 100%;
+				justify-content: space-around;
+				gap: 10px;
+				> div {
+					border-left: none;
+					margin-left: 0;
+					padding-left: 0;
+
+					> .link {
+						font-size: 11px;
+						line-height: 1.4;
+						white-space: nowrap;
+					}
+				}
+			}
+		}
 	}
 </style>
--- a/src/components/main-header.vue
+++ b/src/components/main-header.vue
@@ -1,49 +1,70 @@
 <template>
 	<header class="main-header" v-scroll-progress>
 		<a href="/" class="logo"><img src="../assets/logo-full.png" alt="code-create" /></a>
-		<div class="center-nav">
+		<div class="center-nav" v-show="windowWidth > 1000">
 			<div class="nav-item" v-for="item in navList" :key="item.name">
-				<down-menu :title="item.name" v-if="item.children">
-					<router-link :to="child.path" v-for="child in item.children" :key="child.path">
+				<down-menu :title="$t(item.name)" v-if="item.children">
+					<router-link :to="child.path" v-for="child in item.children" :key="child.name">
 						{{ $t(child.name) }}
 					</router-link>
 				</down-menu>
-				<router-link class="link hover-bottom-animation" :to="item.path" v-else>
-					{{ $t(item.name) }}
-					<span v-show="item.children" class="iconfont icon-arrow-down-bold"></span>
-				</router-link>
+				<router-link class="link hover-bottom-animation" :to="item.path" v-else>{{
+					$t(item.name)
+				}}</router-link>
 			</div>
 		</div>
-		<div class="right">
-			<down-menu :title="langList.find((v) => v.value === locale)?.label || 'English'">
+		<div class="right" v-show="windowWidth > 1000">
+			<down-menu
+				:title="langList.find((v) => v.value === locale)?.label || 'English'"
+				position="right"
+			>
 				<router-link
 					class="link"
-					:to="`/${item.value}`"
+					:to="`/${item.value}${path}`"
 					v-for="item in langList"
 					:key="item.value"
+					v-show="item.value !== locale"
 				>
 					{{ item.label }}
 				</router-link>
 			</down-menu>
-			<span class="">
-				<span class="iconfont icon-wode"></span>
-				<span>My Account</span>
-			</span>
+			<!-- <router-link class="link" to="/my-account">
+				<span class="iconfont icon-tubiao-"></span>
+				<span v-if="token">{{ $t('MainHeader.MyAccount') }}</span>
+				<span v-else>{{ $t('MainHeader.LoginOrSignin') }}</span>
+			</router-link> -->
+		</div>
+		<div class="right" v-show="windowWidth <= 1000">
+			<span class="iconfont icon-caidan" @click="openMainMenu"></span>
 		</div>
 	</header>
+	<main-menu-dialog
+		ref="mainMenuDialogRef"
+		:menu-list="navList"
+		:lang-list="langList"
+		:path="path"
+	/>
 </template>
 <script setup lang="ts">
-	import { ref, watch, computed } from 'vue'
+	import { ref, watch, computed, onMounted, onBeforeUnmount } from 'vue'
+	import MainMenuDialog from './main-menu-dialog.vue'
 	import DownMenu from './down-menu.vue'
 	import { setLang, LangType } from '../lang'
 	import { useI18n } from 'vue-i18n'
 	const { locale } = useI18n()
 	import { useRoute } from 'vue-router'
+	import { useGlobalStore } from '@/stores/global'
+	import { useUserInfoStore } from '@/stores/userInfo'
+	const userInfoStore = useUserInfoStore()
+	const globalStore = useGlobalStore()
+	const windowWidth = computed(() => globalStore.state.windowWidth)
+	const token = computed(() => userInfoStore.state.token)
 	const route = useRoute()
 	const lang = computed(() => route.params.lang)
+	const path = computed(() => route.path.replace(new RegExp(`^/${lang.value}/`), '/'))
 	if (lang.value) setLang(lang.value)
 	watch(lang, (newVal) => {
-		setLang(newVal)
+		if (lang.value) setLang(newVal)
 	})
 	const langList = ref([
 		{
@@ -60,62 +81,67 @@
 		}
 	])

-	const navList = ref([
+	const navList: any = ref([
 		{
 			name: 'MainHeader.Home',
 			path: '/'
 		},
 		{
-			name: 'About Us',
+			name: 'MainHeader.AboutUs',
 			path: '/about-us'
 		},
 		{
-			name: 'Our Solutions',
+			name: 'MainHeader.OurSolutions',
 			path: '',
 			children: [
 				{
-					name: 'AiDA 3.1',
+					name: 'MainHeader.AiDA',
 					path: '/aida'
 				},
 				{
-					name: 'Mixi',
+					name: 'MainHeader.Mixi',
 					path: '/mixi'
 				}
 			]
 		},
 		{
-			name: 'Communities',
+			name: 'MainHeader.Communities',
 			path: '',
 			children: [
 				{
-					name: 'Events',
+					name: 'MainHeader.Events',
 					path: '/events'
 				},
 				{
-					name: 'User Stories',
+					name: 'MainHeader.UserStories',
 					path: '/user-stories'
 				},
 				{
-					name: 'Help Centre',
+					name: 'MainHeader.HelpCentre',
 					path: '/help-centre'
 				}
 			]
 		},
 		{
-			name: 'Media',
+			name: 'MainHeader.Media',
 			path: '/media'
 		},
 		{
-			name: 'Contact Us',
+			name: 'MainHeader.ContactUs',
 			path: '/contact-us'
 		}
 	])
+
+	const mainMenuDialogRef = ref()
+	const openMainMenu = () => {
+		mainMenuDialogRef.value.open()
+	}
 </script>
 <style lang="less" scoped>
 	.main-header {
 		position: fixed;
 		width: 100%;
-		height: 85px;
+		height: var(--main-header-height, 85px);
 		padding: 15px 30px;
 		box-sizing: border-box;
 		top: 0;
@@ -142,19 +168,14 @@
 			justify-content: center;
 			> .nav-item {
 				position: relative;
+				&:deep(> .down-menu > .title),
 				> .link {
 					margin: 0 14px;
 					color: #fff;
-					font-size: 15px;
+					font-size: 14px;
 					text-decoration: none;
 					line-height: 37px;
 					display: inline-block;
-
-					> .iconfont {
-						opacity: 0.5;
-						font-size: 10px;
-						margin-left: 5px;
-					}
 				}
 				> .child {
 					position: absolute;
@@ -201,15 +222,32 @@
 			display: flex;
 			align-items: center;
 			justify-content: center;
-			> span {
+			> .link {
 				margin: 0 14px;
 				color: #fff;
-				font-size: 15px;
+				font-size: 14px;
 				text-decoration: none;
 				line-height: 37px;
 				display: inline-block;
-				position: relative;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				&:hover {
+					opacity: 0.8;
 				}
+				> .iconfont {
+					margin-right: 5px;
+					font-size: 22px;
+				}
+			}
+			> .icon-caidan {
+				color: #fff;
+				font-size: 24px;
+				cursor: pointer;
+			}
+		}
+		@media (max-width: 1000px) {
+			padding: 7px 15px;
 		}
 	}
 </style>
--- a/src/components/main-menu-dialog.vue
+++ b/src/components/main-menu-dialog.vue
@@ -0,0 +1,193 @@
+<template>
+	<div class="main-menu-dialog" @click="close" v-custom-show="show">
+		<div class="close" @click="close"><span class="iconfont icon-close"></span></div>
+		<div class="content" @click.stop>
+			<div class="menu-item" v-for="item in menuList" :key="item.name">
+				<router-link
+					@click="onItemClick(item)"
+					class="link"
+					:class="{
+						active: activeChild === item.name,
+						parent: !!item.children
+					}"
+					:to="item.path"
+					>{{ $t(item.name) }}</router-link
+				>
+				<div v-if="item.children" class="child" v-show="activeChild === item.name">
+					<router-link
+						class="link"
+						:to="child.path"
+						v-for="child in item.children"
+						:key="child.name"
+						@click="close"
+					>
+						{{ $t(child.name) }}
+					</router-link>
+				</div>
+			</div>
+			<!-- <router-link class="link" to="/my-account" @click="close">
+				<span class="iconfont icon-tubiao-"></span>
+				<span v-if="token">{{ $t('MainHeader.MyAccount') }}</span>
+				<span v-else>{{ $t('MainHeader.LoginOrSignin') }}</span>
+			</router-link> -->
+			<div class="lang">
+				<router-link
+					class="link"
+					:to="`/${item.value}${path}`"
+					v-for="item in langList"
+					:key="item.value"
+					v-show="item.value !== locale"
+					@click="close"
+				>
+					{{ item.label }}
+				</router-link>
+			</div>
+		</div>
+	</div>
+</template>
+<script setup lang="ts">
+	import { ref, watch, computed, onMounted, onBeforeUnmount } from 'vue'
+	import DownMenu from './down-menu.vue'
+	import { setLang, LangType } from '../lang/index.js'
+	import { useI18n } from 'vue-i18n'
+	import { useUserInfoStore } from '@/stores/userInfo'
+	const userInfoStore = useUserInfoStore()
+	const { locale } = useI18n()
+	const token = computed(() => userInfoStore.state.token)
+	const props = defineProps({
+		menuList: {
+			type: [Array, Object],
+			default: () => []
+		},
+		langList: {
+			type: [Array, Object],
+			default: () => []
+		},
+		path: {
+			type: String,
+			default: ''
+		}
+	})
+	const activeChild = ref('')
+	const show = ref(false)
+	const close = () => {
+		show.value = false
+	}
+	const open = () => {
+		show.value = true
+	}
+	const onItemClick = (item) => {
+		if (item.children) {
+			if (activeChild.value === item.name) {
+				activeChild.value = ''
+			} else {
+				activeChild.value = item.name
+			}
+		} else {
+			close()
+		}
+	}
+	defineExpose({
+		open,
+		close
+	})
+</script>
+<style lang="less" scoped>
+	.main-menu-dialog {
+		position: fixed;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		background: rgba(24, 24, 24, 0.3);
+		z-index: 10001;
+		overflow: hidden;
+		display: flex;
+		justify-content: flex-end;
+
+		> .close {
+			width: 37px;
+			height: 37px;
+			border-radius: 50%;
+			background-color: #fff;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			cursor: pointer;
+			margin: 10px;
+			color: #222;
+		}
+		&.hide {
+			> .content {
+				margin-right: -100px;
+			}
+		}
+		> .content {
+			transition: margin-right 0.3s;
+			max-width: 300px;
+			flex: 1;
+			height: 100%;
+			background-color: #4d4d4d;
+			padding: 10px 20px;
+			.link {
+				color: #fff;
+				text-decoration: none;
+				font-size: 14px;
+				display: flex;
+				align-items: center;
+				padding: 10px 0;
+				&:hover {
+					color: #d5d5d5;
+				}
+				> .iconfont {
+					margin-right: 5px;
+					font-size: 22px;
+				}
+			}
+			> .menu-item {
+				> .parent {
+					position: relative;
+					&::after,
+					&::before {
+						content: '';
+						position: absolute;
+						width: 6px;
+						height: 0;
+						border-top: 1px solid #fff;
+						right: 0;
+						transition: transform 0.2s linear;
+					}
+					&::after {
+						transform: rotate(-45deg);
+					}
+					&::before {
+						right: 4px;
+						transform: rotate(45deg);
+					}
+					&.active {
+						&::after,
+						&::before {
+							transform: rotate(0deg);
+						}
+					}
+				}
+				> .child {
+					opacity: 0.7;
+					border-left: 1px solid #e1e1e1;
+					> .link {
+						padding-left: 20px;
+					}
+				}
+			}
+			> .lang {
+				display: flex;
+				align-items: center;
+				margin-top: 20px;
+				margin-left: 10px;
+				> .link {
+					padding: 0 10px;
+				}
+			}
+		}
+	}
+</style>
--- a/src/components/video-model.vue
+++ b/src/components/video-model.vue
@@ -0,0 +1,74 @@
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
+import MyEvent from "@/tools/myEvents";
+//const props = defineProps({
+//})
+//const emit = defineEmits([
+//])
+const isVideoShow = ref(false)
+const url = ref('')
+const poster = ref('')
+const playVideo = (data)=>{
+	url.value = data.url || ''
+	poster.value = data.poster || ''
+	isVideoShow.value = true
+}
+const closeVideoModel = ()=>{
+	url.value = ''
+	poster.value = ''
+	isVideoShow.value = false
+}
+onMounted(()=>{
+	MyEvent.add("playVideo",playVideo);
+})
+onUnmounted(()=>{
+})
+defineExpose({})
+</script>
+<template>
+	<div class="vide-model" v-if="isVideoShow">
+		<div class="mask"></div>
+		<video :src="url" autoplay controls preload="metadata" controlslist="nodownload" :poster="poster"></video>
+		<div class="close-btn">
+			<span class="iconfont icon-close" @click="closeVideoModel"></span>
+		</div>
+	</div>
+</template>
+<style lang="less" scoped>
+	.vide-model{
+		z-index: 99999;
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100vw;
+		height: 100vh;
+		> .mask{
+			width: 100%;
+			height: 100%;
+			position: absolute;
+			top: 50%;
+			left: 50%;
+			transform: translate(-50%,-50%);
+			background-color: rgba(0,0,0,.8);
+		}
+		> video{
+			position: absolute;
+			top: 50%;
+			left: 50%;
+			max-height: 80vh;
+			max-width: 80vw;
+			transform: translate(-50%,-50%);
+		}
+		> .close-btn{
+			position: absolute;
+			top: 20px;
+			right: 20px;
+			font-size: 30px;
+			color: #fff;
+			cursor: pointer;
+			span{
+				font-size: 30px;
+			}
+		}
+	}
+</style>
--- a/src/directives/custom-animation.js
+++ b/src/directives/custom-animation.js
@@ -8,6 +8,15 @@
 *	参数
 *   GetRoot: 获取根元素函数-优先级（GetRoot > parent > document）
 *   activeClass: 激活类名-默认值（active）
+ *   duration: 动画时间-默认值（0.5s）
+ *   delay: 延迟时间-默认值（0s）
+ *   easing: 缓动函数-默认值（ease-out）
+ *   transformDuration: 变换时间-默认值 duration
+ *   transformDelay: 变换延迟时间-默认值 delay
+ *   transformEasing: 变换缓动函数-默认值 easing
+ *   opacityDuration: 透明度时间-默认值 duration
+ *   opacityDelay: 透明度延迟时间-默认值 delay
+ *   opacityEasing: 透明度缓动函数-默认值 easing
 * 
 * 子元素动画
 * <div translate-x-s="-100" translate-x="100"></div>
@@ -40,6 +49,16 @@ const T = {
 	rotateZ: 'rotate-z',
 	opacity_s: 'opacity-s',
 	opacity: 'opacity',
+	// 动画属性配置
+	duration: 'duration',
+	delay: 'delay',
+	easing: 'easing',
+	transformDuration: 'transform-duration',
+	transformDelay: 'transform-delay',
+	transformEasing: 'transform-easing',
+	opacityDuration: 'opacity-duration',
+	opacityDelay: 'opacity-delay',
+	opacityEasing: 'opacity-easing',
 }
 const types = Object.values(T)
 const typesStr = types.map(v => `[${v}]`).join(',')
@@ -55,8 +74,22 @@ export default {
 		const { value, modifiers } = binding
 		const {
 			GetRoot,// 获取根元素函数
-			activeClass = 'active'// 激活类名
+			activeClass = 'active',// 激活类名
+			duration = '0.5s',// 动画时间
+			delay = '0s',// 延迟时间
+			easing = 'ease-out',// 缓动函数
 		} = value || {}
+		const transition = {
+			duration,
+			delay,
+			easing,
+			transformDuration: value?.transformDuration || value?.[T.transformDuration],
+			transformDelay: value?.transformDelay || value?.[T.transformDelay],
+			transformEasing: value?.transformEasing || value?.[T.transformEasing],
+			opacityDuration: value?.opacityDuration || value?.[T.opacityDuration],
+			opacityDelay: value?.opacityDelay || value?.[T.opacityDelay],
+			opacityEasing: value?.opacityEasing || value?.[T.opacityEasing],
+		}
 		const {
 			scroll = false,// 是否监听滚动事件
 			once = false,// 是否只执行一次
@@ -64,22 +97,29 @@ export default {
 		} = modifiers
 		const root = GetRoot ? GetRoot() : parent ? el.parentElement : document;
 		if (el === root) return;
-		add(el, root)
-		els.set(el, {
+		const config = {
 			root,// 根元素
 			scroll,
 			once,
 			activeClass,
 			isActive: false,
-		})
+			transition,
+		}
+		console.log(config)
+		els.set(el, config)
+		add(el, root, config)
 	},
 	beforeUnmount(el, binding) {
 		remove(el)
 		els.delete(el)
 	}
 };
-function add(el, root = document) {
+function add(el, root = document, config) {
+	if (config.scroll) {
 		requestAnimationFrame(() => handleScroll({ target: root }))
+	} else {
+		getChildren(el).forEach((child) => setDocumentStyles(el, child, 0))
+	}
 	resize.observe(el)
 	if (roots.has(root)) {
 		let obj = roots.get(root)
@@ -97,6 +137,9 @@ function add(el, root = document) {
 			if (obj.once && obj.isActive) return;// 只执行一次，且已可见，不执行
 			obj.isActive = entry.isIntersecting;
 			target.classList.toggle(obj.activeClass, obj.isActive)
+			getChildren(target).forEach((el) => {
+				setDocumentStyles(target, el, obj.isActive ? 1 : 0)
+			})
 		})
 	}, { root })
 	observer.observe(el)
@@ -128,41 +171,79 @@ async function handleScroll({ target: root }) {
 		const item = els.get(el)
 		if (!item) return
 		if (!item.scroll) return
-		const children = Array.from(el.querySelectorAll(typesStr))
-		if (Object.values(T).some(v => hasAttr(el, v))) children.push(el)
+		const children = getChildren(el)
 		if (children.length === 0) return
 		const rootEl = isDocumentRoot(root)
 		const offsetHeight = root === document ? window.innerHeight : rootEl.offsetHeight
 		const offsetTop = rootEl.offsetTop
 		const scrollTop = rootEl.scrollTop
-		const elTop_bottom = offsetHeight - (el.offsetTop - offsetTop - rootEl.scrollTop)
+		const elTop_bottom = offsetHeight - (getDocumentTop(el) - offsetTop - rootEl.scrollTop)
 		const maxHeight = offsetHeight + el.offsetHeight
 		const p = Math.min(1, Math.max(0, elTop_bottom / maxHeight))
 		children.forEach((item) => {
-			item.style.transition = 'transform 0.5s ease-out'
-
-			const tX = getCurrentValue(item, T.translateX_s, T.translateX, p)
-			const tY = getCurrentValue(item, T.translateY_s, T.translateY, p)
-			const sx = getCurrentValue(item, T.scaleX_s, T.scaleX, p, T.scale_s, T.scale, 1)
-			const sy = getCurrentValue(item, T.scaleY_s, T.scaleY, p, T.scale_s, T.scale, 1)
-			const r = getCurrentValue(item, T.rotate_s, T.rotate, p)
-			const rx = getCurrentValue(item, T.rotateX_s, T.rotateX, p)
-			const ry = getCurrentValue(item, T.rotateY_s, T.rotateY, p)
-			const rz = getCurrentValue(item, T.rotateZ_s, T.rotateZ, p)
-			const transform = `translate(${tX}px, ${tY}px) scale(${sx}, ${sy}) rotate(${r}deg) rotateX(${rx}deg) rotateY(${ry}deg) rotateZ(${rz}deg)`
-			item.style.transform = transform
-			if (hasAttr(item, [T.opacity_s, T.opacity])) {
-				item.style.opacity = getCurrentValue(item, T.opacity_s, T.opacity, p, T.opacity_s, T.opacity, 1)
+			setDocumentStyles(el, item, p)
+		})
+	})
 }
+function getDocumentTop(el, root = document, offset = 0) {
+	const parent = el.parentElement
+	offset = offset + el.offsetTop
+	if (parent && parent !== document.documentElement) return getDocumentTop(parent, root, offset)
+	return offset
+}
+function getChildren(el, oneself = true) {
+	const children = Array.from(el.querySelectorAll(typesStr))
+	if (oneself && Object.values(T).some(v => hasAttr(el, v))) children.push(el)
+	return children
+}
+function setDocumentStyles(parent, el, p = 0) {
+	const item = els.get(parent)
+	if (!item) return
+	const t = getAttrs(el, item.transition)
+	const tDuration = t.duration || t.transformDuration
+	const tDelay = t.delay || t.transformDelay
+	const tEasing = t.easing || t.transformEasing
+	const oDuration = t.duration || t.opacityDuration
+	const oDelay = t.delay || t.opacityDelay
+	const oEasing = t.easing || t.opacityEasing
+	const transitionArr = [
+		`transform ${tDuration} ${tDelay} ${tEasing}`,
+		`opacity ${oDuration} ${oDelay} ${oEasing}`,
+	]
+	el.style.transition = transitionArr.join(', ')
+	const { num: tX, unit: tXUnit } = getCurrentValue(el, T.translateX_s, T.translateX, p)
+	const { num: tY, unit: tYUnit } = getCurrentValue(el, T.translateY_s, T.translateY, p)
+	const { num: sx } = getCurrentValue(el, T.scaleX_s, T.scaleX, p, T.scale_s, T.scale, 1)
+	const { num: sy } = getCurrentValue(el, T.scaleY_s, T.scaleY, p, T.scale_s, T.scale, 1)
+	const { num: r } = getCurrentValue(el, T.rotate_s, T.rotate, p)
+	const { num: rx } = getCurrentValue(el, T.rotateX_s, T.rotateX, p)
+	const { num: ry } = getCurrentValue(el, T.rotateY_s, T.rotateY, p)
+	const { num: rz } = getCurrentValue(el, T.rotateZ_s, T.rotateZ, p)
+	const transform = `translate(${tX}${tXUnit || 'px'}, ${tY}${tYUnit || 'px'}) scale(${sx}, ${sy}) rotate(${r}deg) rotateX(${rx}deg) rotateY(${ry}deg) rotateZ(${rz}deg)`
+	el.style.transform = transform
+	if (hasAttr(el, [T.opacity_s, T.opacity])) {
+		el.style.opacity = getCurrentValue(el, T.opacity_s, T.opacity, p, T.opacity_s, T.opacity, 1).num
+	}
+}
+function getAttrs(el, attrs = {}) {
+	const arrs = Object.keys(attrs)
+	const obj = {}
+	arrs.forEach((item) => {
+		obj[item] = el.getAttribute(T[item]) || attrs[item]
 	})
-	})
+	return obj
 }
 function getCurrentValue(el, start, end, progress, bStart, bEnd, defaultValue = 0) {
-	// const startNum = Number(el.getAttribute(start) || el.getAttribute(bStart)) || defaultValue
-	// const endNum = Number(el.getAttribute(end) || el.getAttribute(bEnd)) || defaultValue
-	const startNum = hasAttr(el, start) ? Number(el.getAttribute(start)) : hasAttr(el, bStart) ? Number(el.getAttribute(bStart)) : defaultValue
-	const endNum = hasAttr(el, end) ? Number(el.getAttribute(end)) : hasAttr(el, bEnd) ? Number(el.getAttribute(bEnd)) : defaultValue
-	return startNum + (endNum - startNum) * progress
+	const startStr = hasAttr(el, start) ? el.getAttribute(start) : hasAttr(el, bStart) ? el.getAttribute(bStart) : String(defaultValue)
+	const endStr = hasAttr(el, end) ? el.getAttribute(end) : hasAttr(el, bEnd) ? el.getAttribute(bEnd) : String(defaultValue)
+	const startNum = parseInt(startStr)
+	const endNum = parseInt(endStr)
+	const starUnit = startStr.match(/(px|deg|%|rem|em|vh|vw|pt|pc|mm|cm|in)$/i)?.[1] || ''
+	const endUnit = endStr.match(/(px|deg|%|rem|em|vh|vw|pt|pc|mm|cm|in)$/i)?.[1] || ''
+	return {
+		num: startNum + (endNum - startNum) * progress,
+		unit: starUnit || endUnit
+	}
 }
 function hasAttr(el, attr) {
 	if (Array.isArray(attr)) {
--- a/src/directives/custom-show.js
+++ b/src/directives/custom-show.js
@@ -0,0 +1,51 @@
+/**
+ * 自定义动画指令
+ * v-custom-show="show"
+*/
+const TimeMap = new Map()
+export default {
+	name: 'custom-show',
+	mounted(el, binding) {
+		const { value, modifiers } = binding
+		const config = getConfig(modifiers)
+		el.style.transition = `all ${config.time}ms ease-in-out`
+		el.style.display = value ? '' : 'none';
+		el.style.opacity = value ? 1 : 0;
+		el.classList.toggle('hide', !value);
+	},
+	updated(el, binding) {
+		const { value, modifiers } = binding
+		const config = getConfig(modifiers)
+		if (TimeMap.has(el)) {
+			clearTimeout(TimeMap.get(el))
+			TimeMap.delete(el)
+		}
+		if (value) {
+			el.style.display = ''
+			setTimeout(() => {
+				el.classList.remove('hide')
+				el.style.opacity = 1
+			})
+		} else {
+			el.classList.add('hide')
+			el.style.opacity = 0
+			setTimeout(() => el.style.display = 'none', config.time)
+		}
+	},
+	beforeUnmount(el, binding) {
+		if (TimeMap.has(el)) {
+			clearTimeout(TimeMap.get(el))
+			TimeMap.delete(el)
+		}
+	}
+};
+function getConfig(modifiers) {
+	const obj = {
+		time: 300,
+	}
+	Object.keys(modifiers).forEach(key => {
+		const arr = key.split('-')
+		if (arr.length === 2) obj[arr[0]] = arr[1]
+	})
+	return obj
+}
--- a/src/directives/tween-animation.ts
+++ b/src/directives/tween-animation.ts
@@ -1,13 +1,15 @@
 import { gsap, } from 'gsap'
 import { ScrollTrigger } from 'gsap/ScrollTrigger'
 export default {
-	name: 'tween-animation',
-	mounted(el: HTMLElement) {
+	name: 'tween',
+	mounted(el: HTMLElement, binding: any) {
+		const params = binding.value
+		const duration = params.duration || 1
 		// if(!binding.value.isGsap)return
 		let dom = document.querySelector('body')
 		gsap.registerPlugin(ScrollTrigger);
 		let tl1 = gsap.timeline();
-		tl1.from(el,1, {y:'30px',opacity:0},)
+		tl1.from(el,duration, params,)
 		ScrollTrigger.create({
 			trigger: el, // 触发器元素
 			start: "top 90%", // 滚动触发器的起始滚动位置
@@ -15,7 +17,8 @@ export default {
 			markers: false, // 开启标注功能
 			animation:tl1,
 			scroller:dom,//设置指定元素为滚动依据
-			scrub:2,
+			scrub:false,
+			// toggleActions: "play reset play reset",
 			// onUpdate:(v)=>{
 			// 	if(v.progress < 0.1){
 			// 		v.trigger?.classList.remove('active')
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -1,5 +1,207 @@
 export default {
 	MainHeader: {
 		Home: 'Home',
+		AboutUs: 'About Us',
+		OurSolutions: 'Our Solutions',
+		AiDA: 'AiDA 3.1',
+		Mixi: 'Mixi',
+		Communities: 'Communities',
+		Events: 'Events',
+		UserStories: 'User Stories',
+		HelpCentre: 'Help Centre',
+		Media: 'Media',
+		ContactUs: 'Contact Us',
+		MyAccount: 'My Account',
+		LoginOrSignin: 'Log in / Sign in'
+	},
+	MainFooter: {
+		Others: 'Others',
+		Copyright: '©{year} {name} Limited',
+		PrivacyPolicy: 'Privacy Policy',
+		TermsOfUse: 'Terms of Use',
+		Disclaimer: 'Disclaimer',
+		SiteMap: 'Site Map'
+	},
+	PageNotFound: 'Page not found',
+	PageNotFoundTitle: "That Page Can't Be Found",
+	PageNotFoundDesc: 'It looks like nothing was found at this location.',
+	Contact: 'Contact',
+	GetInTouch: 'Get In Touch',
+	StayUpToDate: 'Stay up to date with our e-newsletter',
+	EmailAddress: 'Email Address',
+	Submit: 'Submit',
+	Home: {
+		title: 'Home - Code-Create',
+		description:
+			'Empowers fashion designers to create a collection with just a few clicks based on their creative inspirations.',
+		banner1slogan: 'Shaping the future\nof fashion design',
+		banner1desc: `World's first and only designer-led AI system that streamlines ideation from hours to seconds`,
+		banner2slogan: 'Be the game changer,\n subscribe now!',
+		banner2desc: 'Make the first move to streamline and facilitate your inspiration process',
+		slogan: 'Revitalise The Fashion Ecosystem',
+		subSlogan: 'Through Artificial Intelligence (AI)',
+		aidaDesc:
+			'Empowers fashion designers to create a collection with just a few clicks based on their creative inspirations.',
+		viewMore: 'VIEW MORE',
+		mixiSlogan: `Drives sales by improving shoppers' experience through precise and fast search.`,
+		contactSlogan: 'Talk To Us About Your Next Project',
+		contactUs: 'CONTACT US'
+	},
+	Mixi: {
+		IntroduceTitle: 'Best-in-class Precise Fashion Attribute and Colour Recognition System',
+		IntroduceDesc:
+			'Mixi is an AI-based fine-grained fashion attribute and colour recognition tool that can be used for both online shopping platforms and bricks and mortar stores. Mixi allows the customer to easily find fashion items that possess his/her preferred fashion attributes and colours.',
+		KeyFeatures: 'Key Features',
+		KeyFeaturesDesc1:
+			'An intelligent tool that facilitates accurate product search and auto tagging by automatically recognising the design elements in uploaded fashion images',
+		KeyFeaturesDesc2:
+			'A precise, customisable and flexible colour search tool that can accurately distinguish more than 2,300 spot colours',
+		BenefitsToIndustry: 'Benefits to Industry',
+		Industry1Text: 'Snap & Search: enhances the online shopping experience',
+		Industry2Text:
+			'Drives sales by enabling shoppers to search for products in their desired colour in seconds',
+		Industry3Text: 'Generates more accurate data for recommendations and analysis',
+		Industry4Text:
+			'Improves efficiency and shopping experience in e-commerce and omnichannel shopping',
+		EmailInputTitle: 'Interested in Mixi?',
+		EmailInputTip: 'We will contact you for customized plan.'
+	},
+	Aida: {
+		description:
+			'AiDA 3.1 AI-based interactive Design Assistant for Fashion AiDA 3.1, a first-to-market technology that empowers fashion designers, based on their creative inspirations, to work with AI to create original designs. With just a few clicks, designers can choose or refine options to develop fashion collections, bringing agility, efficiency and flexibility to conventional and intensive studio',
+		slogan: '	AI-Based Interactive Design Assistant For Fashion',
+		desc: `AiDA 3.1, a first-to-market technology that empowers fashion designers, based on their creative inspirations, to work with AI to create original designs. With just a few clicks, designers can choose or refine options to develop fashion collections, bringing agility, efficiency and flexibility to conventional and intensive studio processes.`,
+		annual: 'Annual Subscription Fee: $5,000 HKD / Year (50000 Credits)',
+		monthly: 'Monthly Subscription Fee: $500 HKD / Month (3500 Credits)',
+		monthlyCheaper: 'Monthly Subscription Fee: $100 HKD / Month (500 Credits)',
+		tips: 'Special Academic rate available, please contact us for details.',
+		subscribe: 'Subscribe Now',
+		userManual: 'User Manual',
+		keyFeatures: 'Key Features',
+		feature1: `The world's first AI system in fashion design emphasizing user control, ensuring AI-generated designs align seamlessly with the designer's unique vision and brand identity.`,
+		feature2: `Excels in synthesizing diverse inputs, such as moodboards, fabric prints, color choices, and sketches, into a cohesive collection quickly, harmoniously, and efficiently.`,
+		feature3: `Significantly speeds up the design process by over 60%, quickly generating unlimited designs based on user input.`,
+		feature4: `Incorporates cutting-edge AIGC technology to generate innovative designs and provide comprehensive assistance in the creative process.`,
+		benefits: 'Benefits to Industry',
+		benefits1: 'Provides speedy ideation for fashion brands and individual designers',
+		benefits2:
+			'Speeds up the whole fashion design process to strive for the goal of sustainability and cost-saving',
+		benefits3:
+			'Allows fashion novices who do not have drawing or sketching skills to create their own designs in a simple and easy mode',
+		demo: 'Demo',
+		play: 'Click to play',
+		choosePlan: 'Choose Your Subscription Plan',
+		plan1: 'Easily create your fashion collections in around 10 seconds based on your creative inspirations and Brand DNA',
+		plan2: 'Upload mood boards, colour choices, fabric prints and sketches for generating unlimited design proposals',
+		plan3: 'Save and retrieve your own designs with just a few clicks',
+		plan4: 'A Cloud-based system by subscription for accessing anytime and anywhere',
+		plan5: 'Easy to use, can learn in 10 minutes',
+		plan6: 'Contact us for AiDA trial at info\\@code-create.com.hk',
+		trial:'Trial',
+		days:'7 days free trial',
+		start:'Start Trial',
+		corporate:'Corporate',
+		customised:'Customised plan',
+		contact:'Contact Us',
+		termsAndConditions: 'Terms & Conditions',
+		agreement:'Subscription Agreement',
+	},
+	helpCentre: {
+		Title: 'HELP CENTRE',
+		FAQ: 'FAQ',
+		faqItem1: 'What are the minimum, recommended system requirements?',
+		faqItem1Content:
+			'As AiDA is a cloud-based system, only stable internet access is required.',
+		faqItem2: 'Does AiDA run on both a PC & a MAC?',
+		faqItem2Content: 'Yes, AiDA supports both PC & MAC.',
+		faqItem3: 'Does AiDA run on an iPad?',
+		faqItem3Content: 'Yes, AiDA can be run on an iPad.',
+		faqItem4: 'What File Types it supports?',
+		faqItem4Content: 'The image file types that can be uploaded into AiDA: jpeg, jpg, png',
+		faqItem5: 'In what languages is AiDA system system available',
+		faqItem5Content: 'Currently, AiDA is available in English',
+		faqItem6: 'Can I receive my invoice?',
+		faqItem6Content:
+			'The invoice will be sent to your registered mailbox 1 months before (for paid subscription) with the reminder email.',
+		faqItem7: 'How do I change my password?',
+		faqItem7Content:
+			'You could change your password after login to your account in “My Account” page “Account details” part.'
+	},
+	aboutUs: {
+		Title: 'ABOUT US',
+		meta: 'About Us: Transforming the Fashion Ecosystem through Artificial Intelligence (AI) https://code-create.com.hk',
+		ecosystem: {
+			Title: 'REVITALISE THE FASHION ECOSYSTEM',
+			Desc: 'through Artificial Intelligence (AI)'
+		},
+		mission: {
+			Title: 'Focus Area',
+			Desc: 'To be the world leading innovative leader in offering the state-of-the-art AI based solutions and systems to disrupt the fashion industry',
+			FocusArea: 'Focus Area',
+			ElevateOperationEfficiency: 'Elevate Operation Efficiency',
+			VerticalDesignPlatform: 'Vertical Design Platform',
+			Education: 'Education',
+			Community: 'Community'
+		},
+		ourTeam: {
+			Title: 'OUR Team',
+			ProfWong:
+				'Prof Wong is Cheng Yik Hung Professor in Fashion of School of Fashion and Textiles at The Hong Kong Polytechnic University and currently serving as the Chief Executive Officer and Centre Director of AiDLab.',
+			ProfWongLink: 'Laboratory for Artificial Intelligence in Design (AiDLab)',
+			ProfWongDesc:
+				'He is one of the inventors of the technologies to be commercialized in the start-up.',
+			ProfWongName: 'Prof Calvin WONG',
+			ProfWongPosition: 'Co-Founder and Technical Advisor',
+			MsWong: 'Ms Kim WONG is a successful business executive with extensive experience in the fashion and luxury goods industries, building business across China and APAC and leading operations for renowned fashion houses such as DFS USA, Lane Crawford, Burberry Asia, Brunello Cucinelli and Versace Asia Pacific.',
+			MsWongName: 'Ms Kim WONG',
+			MsWongPosition: 'Co-Founder and Chief Executive Officer',
+			DrZou: 'Dr Zou is currently serving as Assistant Professor at School of Fashion and Textiles at The Hong Kong Polytechnic University. She is one of the inventors of the technologies to be commercialized in the start-up.',
+			DrZouName: 'Dr Aemika ZOU',
+			DrZouPosition: 'Technical Advisor',
+			Giovanni:
+				'Mr Giovanni DI SALVO is the Chief Executive Officer Asia of Salvatore Ferragamo',
+			GiovanniName: 'Mr Giovanni DI SALVO',
+			GiovanniPosition: 'Advisory Member'
+		},
+		StrategicPartners: 'Strategic Partners'
+	},
+	userStories: {
+		Title: 'User Stories',
+		meta: 'User Stories - Code-Create',
+		XULULUInfo1:
+			'AiDA is a very interesting and creatively inspiring system that showcases limitless potential in fashion design. Traditional designers can typically create only a handful of styles in a day, whereas AiDA can generate multiple designs in an instant, making its efficiency incomparable to that of humans.',
+		XULULUInfo2:
+			'This high level of productivity makes AiDA an invaluable tool for designers, and the vast array of designs it produces also provides valuable learning opportunities. By analyzing and appreciating these designs, designers can gain inspiration and enhance their own creative skills.',
+		XULULUInfo3:
+			'Therefore, I believe that in the future, AiDA has the potential to become an essential tool for designers, driving innovation and transformation in the fashion industry.',
+		YiuChingYauInfo1:
+			'Throughout the process of using AiDA, I deeply felt the significant impact of artificial intelligence on the future society. AI has provided me with a lot of innovative ideas for clothing design, such as the use of different garments, the combination of silhouettes and the matching of materials. Because of the intelligence of AI, I have received a lot of inspiration. AI’s intelligence has provided me with a lot of inspiration that I never thought of, and its convenient and fast design methods have also greatly promoted my creative process.',
+		XIEYAUKITInfo1:
+			'Using AiDA has been a transformative experience in my design journey. The integration of technology and creativity has allowed me to explore new dimensions in my work. One of the most significant advantages of AiDA is its ability to automate repetitive tasks, such as creating style sketches. This automation has freed up valuable time, enabling me to focus on the more creative aspects of my designs. ',
+		XIEYAUKITInfo2:
+			'Reflecting on my experience with AiDA, I feel a renewed sense of excitement about the future of design. It has not only improved my skills but also opened my eyes to the endless possibilities that lie ahead when creativity meets technology.',
+		YuzhiLaiInfo1:
+			'During the process of using AiDA for fashion design, I experienced unprecedented convenience and efficiency. Especially in the stages of color extraction and generating design sketches, as well as further developing them into fashion rendering image, the powerful capabilities of AI technology left me deeply impressed.',
+		YuzhiLaiInfo2:
+			'Using AiDA for fashion design is a highly enjoyable and innovative experience. Despite some limitations, I still believe that AiDA has brought revolutionary changes to the field of fashion design. Its efficiency and convenience have greatly shortened the design cycle. I look forward to future breakthroughs in AiDA and the emergence of more stunning design works.',
+		CheungTszChingInfo1:
+			'Through this competition, I had the opportunity to explore many different features of AiDA. Using AiDA allows me to design a collection step by step, starting from a moodboard. It provides the ability to edit outfit details, such as prints and colors. This feature makes it easier for the designs to align with my desired outcomes. Once completed, AiDA can generate real-life versions of the designs, making my work feel more complete. ',
+		INJURYInfo1:
+			'Regarding the user experience of AiDA, we would like to use five keywords to describe, which are “Surprise” “Easy”, “Unlimited”, “Automatic” and “Fast”.',
+		BESFXXKInfo1:
+			'Those keywords that come to my mind when describing the systems are “Safe”, “Fast”, “Friendly”, “Smart” and “Futuristic”',
+		MountainYamInfo1:
+			'The process is “Simple and user-friendly”, and the system is “Efficient”, “Fruitful”, “Innovative” and “Solidarity”.',
+		ProfJungSchool: 'Hanyang University Department of Clothing and Textiles',
+		ProfJungInfo1:
+			'In the “Digital Fashion Content Development” course, I’ve integrated the AiDA system into a 4-week mini-project with the goal of designing a “My Own Capsule Collection.” The class included a diverse group of students. Even those without prior knowledge of fashion design were able to create fun and imaginative designs within just three weeks using AiDA. Most notably, AiDA’s powerful generative AI system stimulated students’ creativity, enabling them to produce designs beyond what they thought they were capable of. Based on this experience, I summarized the impact of AiDA through a short rhyme: “No barrier to begin — that’s for sure, Ready to use everywhere, Boosting designer’s flair to dare.”',
+		IreneSiuInfo1:
+			'The concept of AiDA has many potential applications in the fashion industry, which are still waiting for us to discover and develop.',
+		JoyceChowInfo1:
+			'AiDA lets the fashion industry go into a new generation. A successful AiDA can help to push – eco-friendliness, which is one of the most crucial worldwide topics in the fashion industry.',
+		CherylHoInfo1:
+			'Apart from providing new elements to inform my design process, AiDA also inspires me by offering much more variety of proportions and outfit combinations.',
+		MinnaPolamInfo1:
+			'AiDA helps us mix and match each item and generate colours so we can quickly see what it will look like – all items match together, and the effects come with different colours and patterns. It also assists us at the design development stage by learning our style and taste.'
 	}
 }
--- a/src/lang/index.ts
+++ b/src/lang/index.ts
@@ -1,8 +1,8 @@
 import { createI18n } from 'vue-i18n'

-import enLocale from './en.ts'
-import zhCnLocale from './zh-cn.ts'
-import zhTwLocale from './zh-tw.ts'
+import enLocale from './en'
+import zhCnLocale from './zh-cn'
+import zhTwLocale from './zh-tw'

 export const LangType = {
 	en: "en",		// 英文
--- a/src/lang/zh-cn.ts
+++ b/src/lang/zh-cn.ts
@@ -1,5 +1,198 @@
 export default {
 	MainHeader: {
 		Home: '首页',
+		AboutUs: '关于我们',
+		OurSolutions: '我们的产品',
+		AiDA: 'AiDA 3.1',
+		Mixi: 'Mixi',
+		Communities: '社区',
+		Events: '活动',
+		UserStories: '使用者故事',
+		HelpCentre: '支援中心',
+		Media: '媒体报道',
+		ContactUs: '联络我们',
+		MyAccount: '我的账户',
+		LoginOrSignin: '登入 / 注册'
+	},
+	MainFooter: {
+		Others: '其他',
+		Copyright: '©{year} {name} 有限公司',
+		PrivacyPolicy: '隐私政策',
+		TermsOfUse: '使用条款',
+		Disclaimer: '免责声明',
+		SiteMap: '网站地图'
+	},
+	PageNotFound: '页面不存在',
+	PageNotFoundTitle: '该页面不存在',
+	PageNotFoundDesc: '这里似乎没有任何发现。',
+	Contact: '联络方法',
+	GetInTouch: '保持联系',
+	StayUpToDate: '通过我们的电子通讯掌握最新动态',
+	EmailAddress: '电邮地址',
+	Submit: '提交',
+	Home: {
+		title: '首页 - Code-Create',
+		description:
+			'成为世界创新领导者，基于最先进的人工智能技术，提供解决方案和系统，重塑时尚生态系统。',
+		banner1slogan: '塑造时尚设计未来',
+		banner1desc: `世界首创及独有的设计师主导人工智能系统,能够简化构思流程`,
+		banner2slogan: '立即订阅,颠覆传统!',
+		banner2desc: '踏出第一步,简化和促进你的创作过程',
+		slogan: '通过人工智能(AI)',
+		subSlogan: '重塑时尚生态系统',
+		aidaDesc: '时装设计师只需数下点击，就能按照自己的创意灵感设计出一个时装系列',
+		viewMore: '查看更多',
+		mixiSlogan: '精确、快速地检索，改善顾客的购物体验，推动销售量',
+		contactSlogan: '与我们分享你的创意项目',
+		contactUs: '联络我们'
+	},
+	Mixi: {
+		IntroduceTitle: '精准时装属性及颜色辨识系统(Mixi)',
+		IntroduceDesc:
+			'Mixi是人工智能细粒度时装属性及颜色识别工具，主要用于网上购物平台和实体店。 顾客在使用Mixi的时候，可以轻松找到具有他/她喜欢的时装属性及颜色的时装项目。',
+		KeyFeatures: '技术特点',
+		KeyFeaturesDesc1:
+			'作为智能工具通过自动识别设计元素，促进搜寻产品的准确度和自动标记上载的时装图片',
+		KeyFeaturesDesc2: '一个精确、客制化和灵活的颜色搜寻工具，可以准确地区分多于2,300种专色',
+		BenefitsToIndustry: '对行业的好处',
+		Industry1Text: '通过影像搜寻去加强网上购物体验',
+		Industry2Text: '顾客通过快速搜寻他们喜欢的颜色去推动销售额',
+		Industry3Text: '为建议及分析生成更准确的数据',
+		Industry4Text: '加强电子商务和全渠道零售购物的效率和购物体验',
+		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: '常见问题',
+		faqItem1: '请问最低限度及建议的系统要求是什么？',
+		faqItem1Content: '因为AiDA是云端系统，只需要有稳定的网络连结就可以简单存取。',
+		faqItem2: 'AiDA可以用于PC和MAC吗?',
+		faqItem2Content: '是的，AiDA可以在PC 和 MAC上使用。',
+		faqItem3: 'AiDA可以用于iPad吗?',
+		faqItem3Content: '是的，AiDA可以在iPad上使用。',
+		faqItem4: 'AiDA可以支援哪些文件类型？',
+		faqItem4Content: '以下图像文件类型可上传至 AiDA: jpeg, jpg, png',
+		faqItem5: 'AiDA系统支援哪些语言？',
+		faqItem5Content: '目前AiDA只支援英文版本',
+		faqItem6: '当我订阅 AiDA 后会收到账单吗？',
+		faqItem6Content:
+			'订阅账单会在订阅结束一个月前连同续期提示电邮一同发送至登记的电邮地址(付费订阅)。',
+		faqItem7: '如何可以更改我的密码？',
+		faqItem7Content: '您可以在「我的账户」页面「账户详情」部分登录您的账户后修改密码。'
+	},
+	aboutUs: {
+		Title: '关于我们',
+		meta: '关于我们 通过人工智能(AI) 重塑时尚生态系统 https://code-create.com.hk/wp-',
+		ecosystem: {
+			Title: '通过人工智能(AI)',
+			Desc: '重塑时尚生态系统'
+		},
+		mission: {
+			Title: '使命',
+			Desc: '成为世界创新领导者，基于最先进的人工智能技术，提供解决方案和系统，重塑时尚生态系统。',
+			FocusArea: '专注范畴',
+			ElevateOperationEfficiency: '提高营运效率',
+			VerticalDesignPlatform: '垂直设计平台',
+			Education: '教育',
+			Community: '社区'
+		},
+		ourTeam: {
+			Title: '我们的团队',
+			ProfWong: '黄教授是香港理工大学时装及纺织学院的郑翼雄时装教授，目前担任',
+			ProfWongLink: '人工智能设计研究所（AiDLab）',
+			ProfWongDesc: '的行政总裁及总监。 他是Code Create多个商业化技术的发明者之一。',
+			ProfWongName: '黄伟强教授',
+			ProfWongPosition: '联合创办人和技术顾问',
+			MsWong: '王女士在时尚和奢侈品行业拥有丰富的高阶管理经验，于中国内地和亚太地区建立业务，并带领知名时装公司的营运，包括DFS USA、Lane Crawford、Burberry Asia、Brunello Cucinelli和Versace Asia Pacific。',
+			MsWongName: '王剑虹女士',
+			MsWongPosition: '联合创办人及行政总裁',
+			DrZou: '邹博士目前是人工智能设计研究所的技术项目经理。 她是Code Create商业化技术的发明者之一。',
+			DrZouName: '邹星星博士',
+			DrZouPosition: '技术顾问',
+			Giovanni: 'Giovanni 目前是 Salvatore Ferragamo (菲拉格慕) 亚洲区行政总裁。',
+			GiovanniName: 'Giovanni DI SALVO 先生',
+			GiovanniPosition: '顾问委员'
+		},
+		StrategicPartners: '战略合作伙伴'
+	},
+	userStories: {
+		Title: '使用者故事',
+		meta: '使用者故事 - Code-Create',
+		XULULUInfo1:
+			'AiDA 是一个有趣且富有创意灵感的系统，在时尚设计领域展现出无限潜力。与传统设计师一天只能设计出几款服装相比，AiDA 能瞬间生成多款设计，效率远超人类。',
+		XULULUInfo2:
+			'这种高效率使 AiDA 成为设计师的得力工具，其海量设计作品也为设计师提供了宝贵的学习契机。通过分析欣赏这些作品，设计师能够获取灵感，提升自身创造力。',
+		XULULUInfo3: '因此，我认为未来 AiDA 有望成为设计师必备的工具，推动时尚行业的创新与变革。',
+		YiuChingYauInfo1:
+			'使用AiDA的过程中，我深切感受到人工智能对未来社会的重大影响。它为我的服装设计提供了诸多创新思路，涉及款式、廓形搭配和面料组合。人工智能的智慧给了我许多意想不到的灵感，其便捷快速的设计方式也极大推动了我的创作进程。',
+		XIEYAUKITInfo1:
+			'使用 AiDA 是我设计之旅中一次变革性的体验。技术与创意的结合使我能够探索工作中的新维度。AiDA 最显著的优势之一是能够自动化重复性任务，例如创建款式草图。这种自动化节省了宝贵的时间，让我能够专注于设计中更具创意的部分。AiDA 让我即使作为初学者也能轻松驾驭软件。我很快掌握了其功能，从而提高了整体工作效率。此外，AiDA 提供的灵活性和编辑选项来适应我独特的设计风格，我十分享受整个设计过程。',
+		XIEYAUKITInfo2:
+			'我特别喜欢即时生成功能，它能够实时提供设计的视觉评估。这种能力使我能够迅速做出调整，确保创意愿景得以完整保留。此外，AiDA 的智能建议系统激发了新的想法，鼓励我突破创意的边界。该软件还包含简单的数据分析工具，帮助我衡量受众对不同设计的反应，为未来项目提供有价值的见解。这种设计与技术的结合加深了我对它们如何无缝协作的欣赏。回顾使用 AiDA 的经历，我对设计的未来感到焕然一新的兴奋。它不仅提高了我的技能，也让我看到了创意与技术相遇时前方无限的可能性',
+		YuzhiLaiInfo1:
+			'在运用 AiDA 进行服装设计时，我感受到了前所未有的便捷与高效。尤其是在色彩提取、设计草图生成，以及时尚效果图的阶段，人工智能的强大能力令我惊叹。',
+		YuzhiLaiInfo2:
+			'利用 AiDA 进行服装设计是一种极为兴奋且充满创新的体验。尽管存在一些局限性，但我依然认为 AiDA 为服装设计领域带来了变革性的变化。它的高效与便捷大幅缩短了设计周期。我期待 AiDA 未来的突破以及更多精彩设计作品的诞生。',
+		CheungTszChingInfo1:
+			'通過本次競賽，我得以深入探索 AiDA 許多不同的功能。使用 AiDA 時，我能從靈感闆開始，一步步設計繫列作品，還能編輯服裝細節，比如圖案和顏色，這使設計更契合預期。設計完成後，AiDA 還能生成可視化産品效果圖，這讓我的設計作品更具完整性。',
+		INJURYInfo1:
+			'对于AiDA的使用体验，我想用五个形容词去描述，「惊喜」、 「容易」 、 「无限 」 、 「自动化」 和 「 快捷」。',
+		BESFXXKInfo1:
+			'当问我怎样去描述AiDA这个系统时，我立即想到这些关键词：「安全」、「快捷」、 「方便」 、「智能」和 「未来」。',
+		MountainYamInfo1:
+			'使用AiDA时整个流程都很「简易及人性化」 ，而且这个系统 「有效率」 、「富有成效」 、「创新」 和「 团结」 。',
+		ProfJungSchool: '汉阳大学服装与纺织系',
+		ProfJungInfo1:
+			'在“数字时尚内容开发”课程中，我将 AiDA 系统融入了一个为期四周的迷你项目，目标是设计一个“我自己的胶囊系列”。这个班级的学生背景各异，包括服装与纺织专业、室内建筑设计、戏剧与电影以及工商管理学院的学生。即使是那些没有时尚基础设计的同学，也能在短短三周内利用 AiDA 创作出有趣且富有想象力的设计。由于 AiDA 仅需连接网络，学生们可以随时随地开发自己的系列，这与他们各自的创作周期相契合。最为明显的是，AiDA 强大的生成式 AI 系统激发了学生的创造力，使他们能够设计出超出自我预期的作品。基于此次体验，我总结了 AiDA 的影响，并用简短的韵文表达： “无门槛易上手，随时随地用，激发设计师的大胆创意。”',
+		IreneSiuInfo1: 'AiDA这个概念在时尚界有很多不同应用的可能性，还有待我们去了解和开发。',
+		JoyceChowInfo1:
+			'AiDA推动时尚产业进入一个新时代。 AiDA可以成功帮助推动环境保护，是对于时尚界而言其中一个全世界最重要的话题。',
+		CherylHoInfo1:
+			'除了提供新元素去帮助我的设计过程 ，AiDA亦可以激发我的灵感，提供更多不同种类的比例和服装组合建议给我。',
+		MinnaPolamInfo1:
+			'AiDA除了可以帮助我们衬搭不同的单品，更可以生成不同的颜色，令我们可以快速看到整个造型，所有单品都可以衬搭在一起，可看到不同颜色和图案的效果。 而且AiDA亦在设计开发阶段，通过学习我们的风格和品味，帮助我们加快设计过程。'
 	}
 }
--- a/src/lang/zh-tw.ts
+++ b/src/lang/zh-tw.ts
@@ -1,5 +1,198 @@
 export default {
 	MainHeader: {
 		Home: '首頁',
+		AboutUs: '關於我們',
+		OurSolutions: '我們的產品',
+		AiDA: 'AiDA 3.1',
+		Mixi: 'Mixi',
+		Communities: '社區',
+		Events: '活動',
+		UserStories: '使用者故事',
+		HelpCentre: '支援中心',
+		Media: '媒體報導',
+		ContactUs: '聯絡我們',
+		MyAccount: '我的帳號',
+		LoginOrSignin: '登錄 / 登冊'
+	},
+	MainFooter: {
+		Others: '其他',
+		Copyright: '©{year} {name} 有限公司',
+		PrivacyPolicy: '私隱政策',
+		TermsOfUse: '使用條款',
+		Disclaimer: '免責聲明',
+		SiteMap: '網站地圖'
+	},
+	PageNotFound: '頁面不存在',
+	PageNotFoundTitle: '該頁面不存在',
+	PageNotFoundDesc: '這裡似乎沒有任何發現。',
+	Contact: '聯絡方法',
+	GetInTouch: '保持聯繫',
+	StayUpToDate: '通過我們的電子通訊掌握最新動態',
+	EmailAddress: '電郵地址',
+	Submit: '提交',
+	Home: {
+		title: '首頁 - Code-Create',
+		description:
+			'成為世界創新領導者，基於最先進的人工智能技術，提供解決方案和系統，重塑時尚生態系統。',
+		banner1slogan: '塑造時尚設計未來',
+		banner1desc: `世界首創及獨有的設計師主導人工智能繫統,能夠簡化構思流程`,
+		banner2slogan: '立即訂閱,顛覆傳統!',
+		banner2desc: '踏出第一步,簡化和促進你的創作過程',
+		slogan: '通過人工智能(AI)',
+		subSlogan: '重塑時裝生態繫統',
+		aidaDesc: '時裝設計師只需數下點擊，就能按照自己的創意靈感設計出一個時裝系列',
+		viewMore: '查看更多',
+		mixiSlogan: '精確、快速地檢索，改善顧客的購物體驗，推動銷售量',
+		contactSlogan: '與我們分享你的創意項目',
+		contactUs: '聯絡我們'
+	},
+	Mixi: {
+		IntroduceTitle: '精準時裝屬性及顏色辨識系統(Mixi)',
+		IntroduceDesc:
+			'Mixi是人工智能細粒度時裝屬性及顏色識別工具，主要用於網上購物平台和實體店。 顧客在使用Mixi的時候，可以輕鬆找到具有他/她喜歡的時裝屬性及顏色的時裝項目。',
+		KeyFeatures: '技術特點',
+		KeyFeaturesDesc1:
+			'作為智能工具通過自動識別設計元素，促進搜尋產品的準確度和自動標記上載的時裝圖片',
+		KeyFeaturesDesc2: '一個精確、客製化和靈活的顏色搜尋工具，可以準確地區分多於2,300種專色',
+		BenefitsToIndustry: '對行業的好處',
+		Industry1Text: '通過影像搜尋去加強網上購物體驗',
+		Industry2Text: '顧客通過快速搜尋他們喜歡的顏色去推動銷售額',
+		Industry3Text: '為建議及分析生成更準確的數據',
+		Industry4Text: '加強電子商務和全渠道零售購物的效率和購物體驗',
+		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: '常見問題',
+		faqItem1: '請問最低限度及建議的系統要求是什麼？',
+		faqItem1Content: '因為AiDA是雲端系統，只需要有穩定的網絡連結就可以簡單存取。',
+		faqItem2: 'AiDA可以用於PC和MAC嗎?',
+		faqItem2Content: '是的，AiDA可以在PC 和 MAC上使用。',
+		faqItem3: 'AiDA可以用於iPad嗎?',
+		faqItem3Content: '是的，AiDA可以在iPad上使用。',
+		faqItem4: 'AiDA可以支援哪些文件類型？',
+		faqItem4Content: '以下圖像文件類型可上傳至 AiDA: jpeg, jpg, png',
+		faqItem5: 'AiDA系統支援哪些語言？',
+		faqItem5Content: '目前AiDA只支援英文版本',
+		faqItem6: '當我訂閱 AiDA 後會收到賬單嗎？',
+		faqItem6Content:
+			'訂閱賬單會在訂閱結束一個月前連同續期提示電郵一同發送至登記的電郵地址(付費訂閱)。',
+		faqItem7: '如何可以更改我的密碼？',
+		faqItem7Content: '您可以在「我的賬戶」頁面「賬戶詳情」部分登錄您的賬戶後修改密碼。'
+	},
+	aboutUs: {
+		Title: '關於我們',
+		meta: '關於我們 通過人工智能(AI) 重塑時尚生態系統 https://code-create.com.hk',
+		ecosystem: {
+			Title: '通過人工智能(AI)',
+			Desc: '重塑時尚生態系統'
+		},
+		mission: {
+			Title: '使命',
+			Desc: '成為世界創新領導者，基於最先進的人工智能技術，提供解決方案和系統，重塑時尚生態系統。',
+			FocusArea: '專注範疇',
+			ElevateOperationEfficiency: '提高營運效率',
+			VerticalDesignPlatform: '垂直設計平台',
+			Education: '教育',
+			Community: '社區'
+		},
+		ourTeam: {
+			Title: '我們的團隊',
+			ProfWong: '黃教授是香港理工大學時裝及紡織學院的鄭翼雄時裝教授，目前擔任',
+			ProfWongLink: '人工智能設計研究所（AiDLab）',
+			ProfWongDesc: '的行政總裁及總監。 他是Code Create多個商業化技術的發明者之一。',
+			ProfWongName: '黃偉强教授',
+			ProfWongPosition: '聯合創辦人和技術顧問',
+			MsWong: '王女士在時尚和奢侈品行業擁有豐富的高階管理經驗，於中國内地和亞太地區建立業務，並帶領知名時裝公司的營運，包括DFS USA、Lane Crawford、Burberry Asia、Brunello Cucinelli和Versace Asia Pacific。',
+			MsWongName: '王劍虹女士',
+			MsWongPosition: '聯合創辦人及行政總裁',
+			DrZou: '鄒博士目前是人工智能設計研究所的技術項目經理。 她是Code Create商業化技術的發明者之一。',
+			DrZouName: '鄒星星博士',
+			DrZouPosition: '技術顧問',
+			Giovanni: 'Giovanni 目前是 Salvatore Ferragamo (菲拉格慕) 亞洲區行政總裁。',
+			GiovanniName: 'Giovanni DI SALVO先生',
+			GiovanniPosition: '顧問委員'
+		},
+		StrategicPartners: '戰略合作夥伴'
+	},
+	userStories: {
+		Title: '使用者故事',
+		meta: '使用者故事 - Code-Create',
+		XULULUInfo1:
+			'AiDA 是一個有趣且富有創意靈感的繫統，在時尚設計領域展現出無限潛力。與傳統設計師一天隻能設計出幾款服裝相比，AiDA 能瞬間生成多款設計，效率遠超人類。',
+		XULULUInfo2:
+			'這種高效率使 AiDA 成爲設計師的得力工具，其海量設計作品也爲設計師提供了寶貴的學習契機。通過分析欣賞這些作品，設計師能夠獲取靈感，提昇自身創造力。',
+		XULULUInfo3: '因此，我認爲未來 AiDA 有望成爲設計師必備的工具，推動時尚行業的創新與變革。',
+		YiuChingYauInfo1:
+			'使用AiDA的過程中，我深切感受到人工智能對未來社會的重大影響。它爲我的服裝設計提供了諸多創新思路，涉及款式、廓形搭配和麵料組合。人工智能的智慧給了我許多意想不到的靈感，其便捷快速的設計方式也極大推動了我的創作進程。',
+		XIEYAUKITInfo1:
+			'在運用 AiDA 進行服裝設計時，我感受到了前所未有的便捷與高效。尤其是在色彩提取、設計草圖生成，以及時尚效果圖的階段，人工智能的強大能力令我驚嘆。',
+		XIEYAUKITInfo2:
+			'利用 AiDA 進行服裝設計是一種極爲興奮且充滿創新的體驗。儘管存在一些局限性，但我依然認爲 AiDA 爲服裝設計領域帶來了變革性的變化。它的高效與便捷大幅縮短了設計週期。我期待 AiDA 未來的突破以及更多精彩設計作品的誕生。',
+		YuzhiLaiInfo1:
+			'在運用 AiDA 進行服裝設計時，我感受到了前所未有的便捷與高效。尤其是在色彩提取、設計草圖生成，以及時尚效果圖的階段，人工智能的強大能力令我驚嘆。',
+		YuzhiLaiInfo2:
+			'利用 AiDA 進行服裝設計是一種極爲興奮且充滿創新的體驗。儘管存在一些局限性，但我依然認爲 AiDA 爲服裝設計領域帶來了變革性的變化。它的高效與便捷大幅縮短了設計週期。我期待 AiDA 未來的突破以及更多精彩設計作品的誕生。',
+		CheungTszChingInfo1:
+			'通過本次競賽，我得以深入探索 AiDA 許多不同的功能。使用 AiDA 時，我能從靈感闆開始，一步步設計繫列作品，還能編輯服裝細節，比如圖案和顏色，這使設計更契合預期。設計完成後，AiDA 還能生成可視化産品效果圖，這讓我的設計作品更具完整性。',
+		INJURYInfo1:
+			'對於AiDA的使用體驗，我想用五個形容詞去描述，「驚喜」、 「容易」 、 「無限 」 、 「自動化」 和 「 快捷」。',
+		BESFXXKInfo1:
+			'當問我怎樣去描述AiDA這個系統時，我立即想到這些關鍵詞：「安全」、「快捷」、 「方便」 、「智能」和 「未來」。',
+		MountainYamInfo1:
+			'使用AiDA時整個流程都很「簡易及人性化」 ，而且這個系統 「有效率」 、「富有成效」 、「創新」 和「 團結」 。',
+		ProfJungSchool: '漢陽大學服裝與紡織繫',
+		ProfJungInfo1:
+			'在“數字時尚內容開髮”課程中，我將 AiDA 繫統融入了一個爲期四週的迷你項目，目標是設計一個“我自己的膠囊繫列”。這個班級的學生背景各異，包括服裝與紡織專業、室內建築設計、戲劇與電影以及工商管理學院的學生。即使是那些沒有時尚基礎設計的同學，也能在短短三週內利用 AiDA 創作出有趣且富有想象力的設計。由於 AiDA 僅需連接網絡，學生們可以隨時隨地開髮自己的繫列，這與他們各自的創作週期相契合。最爲明顯的是，AiDA 強大的生成式 AI 繫統激髮了學生的創造力，使他們能夠設計出超出自我預期的作品。基於此次體驗，我總結了 AiDA 的影響，並用簡短的韻文表達： “無門檻易上手，隨時隨地用，激髮設計師的大膽創意。”',
+		IreneSiuInfo1: 'AiDA這個概念在時尚界有很多不同應用的可能性，還有待我們去了解和開發。',
+		JoyceChowInfo1:
+			'AiDA推動時尚產業進入一個新時代。 AiDA可以成功幫助推動環境保護，是對於時尚界而言其中一個全世界最重要的話題。',
+		CherylHoInfo1:
+			'除了提供新元素去幫助我的設計過程 ，AiDA亦可以激發我的靈感，提供更多不同種類的比例和服裝組合建議給我。',
+		MinnaPolamInfo1:
+			'AiDA除了可以幫助我們襯搭不同的單品，更可以生成不同的顏色，令我們可以快速看到整個造型，所有單品都可以襯搭在一起，可看到不同顏色和圖案的效果。 而且AiDA亦在設計開發階段，通過學習我們的風格和品味，幫助我們加快設計過程。'
 	}
 }
--- a/src/main.ts
+++ b/src/main.ts
@@ -5,6 +5,7 @@ import { routes } from './routes'
 import '@/assets/css/style.less'
 import directives from './directives/index'
 import i18n from './lang/index'
+import store from './stores/index'

 export const createApp = ViteSSG(App, {
 	routes,
@@ -13,6 +14,7 @@ export const createApp = ViteSSG(App, {
 	({ app }) => {
 		// 注册全局指令
 		app.use(directives)
+		app.use(store)
 		app.use(i18n)
 	}
 )
--- a/src/pages/ContactView.vue
+++ b/src/pages/ContactView.vue
@@ -1,127 +0,0 @@
-<template>
-  <main class="placeholder-page">
-    <p class="placeholder-kicker">
-      Static route
-    </p>
-    <h1>Contact</h1>
-    <p>
-      This placeholder verifies that the contact page is rendered as a static
-      route by Vite SSG.
-    </p>
-    <a href="/">Back home</a>
-	<div>1</div>
-	<div>2</div>
-	<div>3</div>
-	<div>4</div>
-	<div>5</div>
-	<div>6</div>
-	<div>7</div>
-	<div>8</div>
-	<div>9</div>
-	<div>10</div>
-	<div>11</div>
-	<div>12</div>
-	<div>13</div>
-	<div>14</div>
-	<div>15</div>
-	<div>16</div>
-	<div>17</div>
-	<div>18</div>
-	<div>19</div>
-	<div>20</div>
-	<div>21</div>
-	<div>22</div>
-	<div>23</div>
-	<div>24</div>
-	<div>25</div>
-	<div>26</div>
-	<div>27</div>
-	<div>28</div>
-	<div>29</div>
-	<div>30</div>
-	<div>31</div>
-	<div>32</div>
-	<div>33</div>
-	<div>34</div>
-	<div>35</div>
-	<div>36</div>
-	<div>37</div>
-	<div>38</div>
-	<div>39</div>
-	<div>40</div>
-	<div>41</div>
-	<div>42</div>
-	<div>43</div>
-	<div>44</div>
-	<div>45</div>
-	<div>46</div>
-	<div>47</div>
-	<div>48</div>
-	<div>49</div>
-	<div>50</div>
-	<div>51</div>
-	<div>52</div>
-	<div>53</div>
-	<div>54</div>
-	<div>55</div>
-	<div>56</div>
-	<div>57</div>
-	<div>58</div>
-	<div>59</div>
-	<div>60</div>
-	<div>61</div>
-	<div>62</div>
-	<div>63</div>
-	<div>64</div>
-	<div>65</div>
-	<div>66</div>
-	<div>67</div>
-	<div>68</div>
-	<div>69</div>
-	<div>70</div>
-	<div>71</div>
-	<div>72</div>
-	<div>73</div>
-	<div>74</div>
-	<div>75</div>
-	<div>76</div>
-	<div>77</div>
-	<div>78</div>
-	<div>79</div>
-	<div>80</div>
-	<div>81</div>
-	<div>82</div>
-	<div>83</div>
-	<div>84</div>
-	<div>85</div>
-	<div>86</div>
-	<div>87</div>
-	<div>88</div>
-	<div>89</div>
-	<div>90</div>
-	<div>91</div>
-	<div>92</div>
-	<div>93</div>
-	<div>94</div>
-	<div>95</div>
-	<div>96</div>
-	<div>97</div>
-	<div>98</div>
-	<div>99</div>
-	<div>100</div>
-  </main>
-</template>
-
-<script setup lang="ts">
-import { useHead } from '@unhead/vue'
-
-useHead({
-  title: 'Contact | test-ssg',
-  meta: [
-    {
-      name: 'description',
-      content: 'Contact page placeholder for the Vite SSG test site.',
-    },
-  ],
-})
-</script>
--- a/src/pages/about-us/ecosystem.vue
+++ b/src/pages/about-us/ecosystem.vue
@@ -1,16 +1,31 @@
 <script setup lang="ts">
+	import { ref } from "vue";
+	import { useI18n } from 'vue-i18n'
+	import MyEvent from "@/tools/myEvents";
+	const { t, locale } = useI18n()
+	let videoUrl = 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/05/codec_brand_vid_16x9_ENG.mp4'
+	let videoPosterUrl = 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/06/codec_brand_vid_16x9_ENG_11_layer.jpeg'
+	const playVideo = ()=>{
+		MyEvent.emit("playVideo",{
+			url: videoUrl,
+			poster: videoPosterUrl,
+		});
+	}
+
 	defineExpose({})
 </script>
 <template>
 	<section class="ecosystem">
 		<div class="content">
-			<img src="https://code-create.com.hk/wp-content/uploads/2022/11/home_ai_logo.png" alt="">
-			<h2>REVITALISE THE FASHION ECOSYSTEM</h2>
-			<h4>through Artificial Intelligence (AI)</h4>
+			<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/home_ai_logo.png" alt="">
+			<h2>{{ $t('aboutUs.ecosystem.Title') }}</h2>
+			<h4>{{ $t('aboutUs.ecosystem.Desc') }}</h4>
 		</div>
 	</section>
 	<section class="ecosystem-video">
 		<div class="content">
+			<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/06/codec_brand_vid_16x9_ENG_11_layer.jpeg" alt="">
+			<span class="iconfont icon-bofang" @click="playVideo"></span>
 		</div>
 	</section>
 </template>
@@ -25,18 +40,34 @@ defineExpose({})
 			display: flex;
 			flex-direction: column;
 			align-items: center;
+			@media (max-width: 1000px) {
+				padding: 40px 40px 40px 40px;
+				max-width: 1000px;
+			}
 			> img{
 				width: 300px;
 				height: 300px;
 				margin-bottom: 20px;
+				@media (max-width: 1000px) {
+					width: 100px;
+					height: 100px;
+				}
 			}
 			> h2{
 				margin-bottom: 20px;
 				font-size: 24px;
+				@media (max-width: 1000px) {
+					font-size: 22px;
+					text-align: center;
+				}
 			}
 			> h4{
 				color: #333333;
 				font-size: 18px;
+				@media (max-width: 1000px) {
+					font-size: 16px;
+					text-align: center;
+				}
 			}

 		}
@@ -48,6 +79,44 @@ defineExpose({})
 			max-width: 1200px;
 			margin: 0 auto;
 			padding: 100px 0;
+			position: relative;
+			@media (max-width: 1000px) {
+				padding: 20px 40px;
+				max-width: 1000px;
+			}
+			> img{
+				width: 100%;
+				aspect-ratio: 16/9;
+				@media (max-width: 1000px) {
+					height: auto;
+				}
+			}
+			> .icon-bofang{
+				font-size: 100px;
+				color: #fff;
+				position: absolute;
+				top: 50%;
+				left: 50%;
+				transform: translate(-50%,-50%);
+				animation: identifier 2s ease-in-out infinite;
+				// box-shadow: 0 0 10px #fff;
+				transition: .3s all;
+				cursor: pointer;
+				@keyframes identifier {
+					0% {
+						transform: translate(-50%,-50%) scale(1);
+						filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 1));
+					}
+					50% {
+						transform: translate(-50%,-50%) scale(.95);
+						filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 1));
+					}
+					100% {
+						transform: translate(-50%,-50%) scale(1);
+						filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 1));
+					}
+				}
+			}
 		}
 	}
 </style>
--- a/src/pages/about-us/index.vue
+++ b/src/pages/about-us/index.vue
@@ -1,15 +1,31 @@
 <script setup lang="ts">
 import Ecosystem from './ecosystem.vue'
 import Title from './title.vue'
+import Mission from './mission.vue'
+import OurTeam from './our-team.vue'
+import StrategicPartners from './strategic-partners.vue'
+import { useHead } from '@unhead/vue'
+import { useI18n } from 'vue-i18n'
+const { t } = useI18n()
+useHead({
+	title: t('aboutUs.Title'),
+	meta: [
+		{
+			name: 'description',
+			content: t('aboutUs.meta')
+		}
+	]
+})
 defineExpose({})
+
 </script>
 <template>
 	<div class="about-us">
-		<div class="bg">
-			<img src="https://code-create.com.hk/wp-content/uploads/2022/12/about_banner-1.jpg" alt="">
-		</div>
 		<Title />
 		<Ecosystem />
+		<Mission />
+		<OurTeam />
+		<StrategicPartners />
 	</div>
 </template>
 <style lang="less" scoped>
@@ -17,14 +33,5 @@ defineExpose({})
 		width: 100%;
 		height: 100%;
 		position: relative;
-		> .bg{
-			width: 100%;
-			position: fixed;
-			z-index: -1;
-			top: 0;
-			> img{
-				width: 100%;
-			}
-		}
 	}
 </style>
--- a/src/pages/about-us/mission.vue
+++ b/src/pages/about-us/mission.vue
@@ -1,14 +1,42 @@
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
+import { ref, onMounted, onUnmounted, reactive, toRefs, computed } from "vue";
 import { gsap, TweenMax, TweenLite } from 'gsap'
 import { ScrollTrigger } from 'gsap/ScrollTrigger'
+import { useGlobalStore } from '@/stores/global'
+const globalStore = useGlobalStore()
+const windowWidth = computed(() => globalStore.state.windowWidth)
 //const props = defineProps({
 //})
 //const emit = defineEmits([
 //])
+const imgItem1 = ref(null)
+const imgItem2 = ref(null)
+const imgItem3 = ref(null)
+const imgItem4 = ref(null)
+const imgBox = ref(null)
 let data = reactive({
 })
 onMounted(()=>{
+	if(windowWidth.value < 1000){
+		return
+	}
+	let dom = document.querySelector('body')
+	gsap.registerPlugin(ScrollTrigger);
+	let tl1 = gsap.timeline();
+	tl1.from(imgItem1.value,1, {y:'200px',opacity:0,ease:'power2.out'},0)
+	tl1.from(imgItem2.value,1, {y:'200px',opacity:0,ease:'power2.out'},0.2) 
+	tl1.from(imgItem3.value,1, {y:'200px',opacity:0,ease:'power2.out'},0.4)
+	tl1.from(imgItem4.value,1, {y:'200px',opacity:0,ease:'power2.out'},0.6)
+	ScrollTrigger.create({
+		trigger: imgBox.value, // 触发器元素
+		start: "top 90%", // 滚动触发器的起始滚动位置
+		end: '100% 80%',   // 滚动触发器的结束滚动位置
+		markers: false, // 开启标注功能
+		animation:tl1,
+		scroller:dom,//设置指定元素为滚动依据
+		// toggleActions: "play reset play reset",
+		scrub:false,
+	});
 })
 onUnmounted(()=>{
 })
@@ -18,14 +46,30 @@ const {} = toRefs(data);
 <template>
 	<section class="mission">
 		<div class="content">
-			<h2>Mission</h2>
-			<p>To be the world leading innovative leader in offering the state-of-the-art AI based solutions and systems to disrupt the fashion industry</p>
+			<h2>{{ $t('aboutUs.mission.Title') }}</h2>
+			<p>{{ $t('aboutUs.mission.Desc') }}</p>
 		</div>
 	</section>
 	<section class="mission-focus-area">
 		<div class="content">
-			<div class="img-box">
-				<img src="https://code-create.com.hk/wp-content/uploads/revslider/video-media/codec_brand_vid_16x9_ENG_11_layer.jpeg" alt="">
+			<h2>{{ $t('aboutUs.mission.FocusArea') }}</h2>
+			<div class="img-box" ref="imgBox">
+				<div class="img-item" ref="imgItem1">
+					<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_focus_01.png" alt="">
+					<h2>{{ $t('aboutUs.mission.ElevateOperationEfficiency') }}</h2>
+				</div>
+				<div class="img-item" ref="imgItem2">
+					<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_focus_02-1-600x888.png" alt="">
+					<h2>{{ $t('aboutUs.mission.VerticalDesignPlatform') }}</h2>
+				</div>
+				<div class="img-item" ref="imgItem3">
+					<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_focus_03-1-600x887.png" alt="">
+					<h2>{{ $t('aboutUs.mission.Education') }}</h2>
+				</div>
+				<div class="img-item" ref="imgItem4">
+					<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_focus_04-1-600x888.png" alt="">
+					<h2>{{ $t('aboutUs.mission.Community') }}</h2>
+				</div>
 			</div>
 		</div>
 	</section>
@@ -42,6 +86,10 @@ const {} = toRefs(data);
 			flex-direction: column;
 			align-items: center;
 			text-align: center;
+			@media (max-width: 1000px) {
+				max-width: 1000px;
+				padding: 60px 20px 60px 20px;
+			}
 			> h2{
 				margin-bottom: 30px;
 				color: #000000;
@@ -49,29 +97,81 @@ const {} = toRefs(data);
 				font-weight: 600;
 				letter-spacing: 1px;
 				font-family: "Poppins", Sans-serif;
+				@media (max-width: 1000px) {
+					font-size: 28px;
+				}
 			}
 			> p{
 				color: #555;
 				font-size: 16px;
+				@media (max-width: 1000px) {
+					font-size: 12px;
+				}
 			}

 		}
 	}
-	.mission-video{
+	.mission-focus-area{
 		width: 100%;
-		background-color: #463a37;
+		background-color: #f9f9f9;
 		> .content{
-			max-width: 1200px;
+			max-width: 1440px;
 			margin: 0 auto;
-			padding: 100px 0;
 			display: flex;
 			align-items: center;
 			justify-content: center;
+			flex-direction: column;
+			@media (max-width: 1000px) {
+				max-width: 1000px;
+			}
+			> h2{
+				font-family: "Poppins", Sans-serif;
+				font-size: 40px;
+				font-weight: 600;
+				letter-spacing: 1px;
+				color: #000000;
+				margin: 100px auto;
+				@media (max-width: 1000px) {
+					font-size: 28px;
+					margin: 60px auto;
+				}
+			}
 			> .img-box{
+				padding: 10px;
 				margin: 0 auto;
+				margin-bottom: 20px;
 				position: relative;
+				display: flex;
+				justify-content: center;
+				@media (max-width: 1000px) {
+					flex-wrap: wrap;
+					max-width: 330px;
+				}
+				> .img-item{
+					margin: 10px;
+					// width: 1120px;
+					position: relative;
+					aspect-ratio: 165 / 244;
+					width: 25%;
+					@media (max-width: 1000px) {
+						width: 100%;
+					}
+					> h2{
+						font-family: "Poppins", Sans-serif;
+						font-weight: 600;
+						line-height: 1.3em;
+						letter-spacing: 2px;
+						color: #FFFFFF;
+						width: 320px;
+						position: absolute;
+						bottom: 25%;
+						text-align: center;
+						left: 50%;
+						transform: translateX(-50%);
+					}
 					> img{
-					width: 1120px;
+						width: 100%;
+					}
 				}
 			}
 		}
--- a/src/pages/about-us/our-team.vue
+++ b/src/pages/about-us/our-team.vue
@@ -0,0 +1,237 @@
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
+import { gsap, TweenMax, TweenLite } from 'gsap'
+import { ScrollTrigger } from 'gsap/ScrollTrigger'
+//const props = defineProps({
+//})
+//const emit = defineEmits([
+//])
+const imgItem1 = ref(null)
+let data = reactive({
+})
+onMounted(()=>{
+	let dom = document.querySelector('body')
+	let ourListDom = document.querySelectorAll('.our-team-item')
+	ourListDom.forEach((item,index)=>{
+		gsap.registerPlugin(ScrollTrigger);
+		let tl1 = gsap.timeline();
+		let img = item.querySelector('.img')
+		let textTop = item.querySelector('.text p')
+		let textBottom = item.querySelector('.text .bottom-text')
+		tl1.from(img,1, {opacity:'0',ease:'power2.out'},0)
+		.from(textTop,1, {y:'20px',opacity:'0',ease:'power2.out'},0)
+		.from(textBottom,1, {y:'-20px',opacity:'0',ease:'power2.out'},0)
+		ScrollTrigger.create({
+			trigger: img, // 触发器元素
+			start: "top 90%", // 滚动触发器的起始滚动位置
+			end: '100% 80%',   // 滚动触发器的结束滚动位置
+			markers: false, // 开启标注功能
+			animation:tl1,
+			scroller:dom,//设置指定元素为滚动依据
+			// toggleActions: "play reset play reset",
+			scrub:false,
+		});
+	})
+	
+})
+onUnmounted(()=>{
+})
+defineExpose({})
+const {} = toRefs(data);
+</script>
+<template>
+	<section class="our-team">
+		<div class="content">
+			<h2>{{ $t('aboutUs.ourTeam.Title') }}</h2>
+		</div>
+	</section>
+	<section class="our-team-item bg1">
+		<div class="content">
+			<div class="text">
+				<p>
+					{{ $t('aboutUs.ourTeam.ProfWong') }}
+					<a href="https://www.aidlab.hk/">
+						{{ $t('aboutUs.ourTeam.ProfWongLink') }}
+					</a>.
+					{{ $t('aboutUs.ourTeam.ProfWongDesc') }}
+				</p>
+				<div class="bottom-text" ref="bottomText">
+					<h4 class="name">{{ $t('aboutUs.ourTeam.ProfWongName') }}</h4>
+					<h4 class="position">{{ $t('aboutUs.ourTeam.ProfWongPosition') }}</h4>
+				</div>
+			</div>
+			<div class="img">
+				<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_team_01-600x887.png" alt="">
+			</div>
+		</div>
+	</section>
+	<section class="our-team-item bg2">
+		<div class="content">
+			<div class="img">
+				<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_team_02-600x887.png" alt="">
+			</div>
+			<div class="text">
+				<p>
+					{{ $t('aboutUs.ourTeam.MsWong') }}
+				</p>
+				<div class="bottom-text" ref="bottomText">
+					<h4 class="name">{{ $t('aboutUs.ourTeam.MsWongName') }}</h4>
+					<h4 class="position">{{ $t('aboutUs.ourTeam.MsWongPosition') }}</h4>
+				</div>
+			</div>
+		</div>
+	</section>
+	<section class="our-team-item bg1">
+		<div class="content">
+			<div class="text">
+				<p>
+					{{ $t('aboutUs.ourTeam.DrZou') }}
+				</p>
+				<div class="bottom-text" ref="bottomText">
+					<h4 class="name">{{ $t('aboutUs.ourTeam.DrZouName') }}</h4>
+					<h4 class="position">{{ $t('aboutUs.ourTeam.DrZouPosition') }}</h4>
+				</div>
+			</div>
+			<div class="img">
+				<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_team_03-600x887.png" alt="">
+			</div>
+		</div>
+	</section>
+	<section class="our-team-item bg2">
+		<div class="content">
+			<div class="img">
+				<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_team_04-600x887.png" alt="">
+			</div>
+			<div class="text">
+				<p>
+					{{ $t('aboutUs.ourTeam.Giovanni') }}
+				</p>
+				<div class="bottom-text" ref="bottomText">
+					<h4 class="name">{{ $t('aboutUs.ourTeam.GiovanniName') }}</h4>
+					<h4 class="position">{{ $t('aboutUs.ourTeam.GiovanniPosition') }}</h4>
+				</div>
+			</div>
+		</div>
+	</section>
+</template>
+<style lang="less" scoped>
+	.our-team{
+		width: 100%;
+		background-color: #f9f9f9;
+		> .content{
+			margin: 0 auto;
+			max-width: 730px;
+			padding: 100px 0px 100px 0px;
+			@media (max-width: 1000px) {
+				padding: 60px 0px 60px 0px;
+			}
+			> h2{
+				text-align: center;
+				margin-bottom: 30px;
+				color: #000000;
+				font-size: 40px;
+				font-weight: 600;
+				letter-spacing: 1px;
+				font-family: "Poppins", Sans-serif;
+				@media (max-width: 1000px) {
+					font-size: 28px;
+					margin-bottom: 0;
+				}
+			}
+		}
+	}
+	.our-team-item{
+		width: 100%;
+		@media (max-width: 1000px) {
+			padding: 40px 20px;
+		}
+		&.bg1{
+			background-color: #eeeeee;
+			.img{
+				text-align: right;
+			}
+		}
+		&.bg2{
+			background-color: #ffffff;
+			.img{
+				text-align: left;
+			}
+		}
+		> .content{
+			padding: 100px 0;
+			max-width: 960px;
+			margin: 0 auto;
+			display: flex;
+			@media (max-width: 1000px) {
+				max-width: 330px;
+				flex-direction: column-reverse;
+				padding: 0;
+			}
+			> div{
+				width: 50%;
+				@media (max-width: 1000px) {
+					width: 100%;
+				}
+			}
+			> .text{
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				
+				> p{
+					font-family: "Poppins", Sans-serif;
+					font-size: 16px;
+					font-weight: 600;
+					line-height: 1.6em;
+					color: #000000;
+					margin-bottom: 20px;
+					@media (max-width: 1000px) {
+						font-size: 12px;
+					}
+					> a{
+						color: inherit;
+						font-size: inherit;
+						font-family: inherit;
+						line-height: inherit;
+						text-decoration: none;
+					}
+				}
+				> .bottom-text{
+					> .name{
+						font-family: "Poppins", Sans-serif;
+						font-size: 16px;
+						font-weight: 600;
+						color: #000000;
+						line-height: 1;
+						margin-bottom: 10px;
+						@media (max-width: 1000px) {
+							margin-bottom: 10px;
+						}
+					}
+					> .position{
+						font-family: "Poppins", Sans-serif;
+						font-size: 16px;
+						font-weight: 400;
+						color: #000000;
+						line-height: 1;
+					}
+				}
+
+			}
+			> .img{
+				> img{
+					width: 100%;
+					height: 492px;
+					object-fit: cover;
+					max-width: 330px;
+					@media (max-width: 1000px) {
+						margin-bottom: 40px;
+						width: 100%;
+						height: auto;
+						aspect-ratio: 165 / 244;
+					}
+				}
+			}
+		}
+	}
+</style>
--- a/src/pages/about-us/strategic-partners.vue
+++ b/src/pages/about-us/strategic-partners.vue
@@ -0,0 +1,101 @@
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
+import { gsap, TweenMax, TweenLite } from 'gsap'
+import { ScrollTrigger } from 'gsap/ScrollTrigger'
+//const props = defineProps({
+//})
+//const emit = defineEmits([
+//])
+const imgItem1 = ref(null)
+let data = reactive({
+})
+onMounted(()=>{
+	
+})
+onUnmounted(()=>{
+})
+defineExpose({})
+const {} = toRefs(data);
+</script>
+<template>
+	<section class="strategic-partners">
+		<div class="content">
+			<h2 v-tween="{'y':'30px','opacity':0}">{{ $t('aboutUs.StrategicPartners') }}</h2>
+			<div class="img-box" v-tween="{'y':'30px','opacity':0}">
+				<a href="https://www.aidlab.hk/">
+					<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_partners_01.png" alt="">
+				</a>
+				<a href="https://www.polyu.edu.hk/">
+					<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_partners_02-1.png" alt="">
+				</a>
+				<a href="https://www.rca.ac.uk/">
+					<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_partners_03-300x145.png" alt="">
+				</a>
+				<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/05/Eschange-600x130.jpg" alt="">
+			</div>
+		</div>
+	</section>
+</template>
+<style lang="less" scoped>
+	.strategic-partners{
+		width: 100%;
+		background-color: #fff;
+		> .content{
+			margin: 0 auto;
+			max-width: 1440px;
+			padding: 200px 0px 200px 0px;
+			@media (max-width: 1000px) {
+				padding: 60px 20px 60px 20px;
+				max-width: 1000px;
+			}
+			> h2{
+				font-family: "Poppins", Sans-serif;
+				font-size: 40px;
+				font-weight: 600;
+				letter-spacing: 1px;
+				color: #000000;
+				margin-bottom: 30px;
+				text-align: center;
+				@media (max-width: 1000px) {
+					font-size: 28px;
+				}
+			}
+			> .img-box{
+				width: 1110px;
+				margin: 0 auto;
+				margin-top: 40px;
+				display: flex;
+				height: 100px;
+				@media (max-width: 1000px) {
+					height: auto;
+					flex-direction: column;
+					align-items: center;
+					width: 100%;
+
+				}
+				> a{
+					width: 25%;
+					@media (max-width: 1000px) {
+						text-align: center;
+						width: 100%;
+						height: 100px;
+					}
+					> img{
+						object-fit: contain;
+						height: 100%;
+						width: 100%;
+					}
+				}
+				> img{
+					width: 25%;
+					object-fit: contain;
+					padding: 10px;
+					@media (max-width: 1000px) {
+						width: 100%;
+						height: 100px;
+					}
+				}
+			}
+		}
+	}
+</style>
--- a/src/pages/about-us/title.vue
+++ b/src/pages/about-us/title.vue
@@ -1,11 +1,15 @@
 <script setup lang="ts">
+import { computed } from 'vue'
+import { useGlobalStore } from '@/stores/global'
+const globalStore = useGlobalStore()
+const windowWidth = computed(() => globalStore.state.windowWidth)
 defineExpose({})
 </script>
 <template>
 	<section class="title-section">
 		<div class="content">
 			<div class="text">
-				<h1>ABOUT US</h1>
+				<h1>{{$t('aboutUs.Title')}}</h1>
 			</div>
 		</div>
 	</section>
@@ -13,10 +17,27 @@ defineExpose({})
 <style lang="less" scoped>
 	.title-section{
 		width: 100%;
+		background-color: #000000;
+		background-image: url(https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/12/about_banner-1.jpg);
+		background-position: top center;
+		background-repeat: no-repeat;
+		background-size: auto;
+		background-attachment: fixed;
+		@media (max-width: 1000px) {
+			background-attachment: scroll;
+		}
 		> .content{
-			max-width: 1400;
+			max-width: 1400px;
+			margin: 0 auto;
+			@media (max-width: 1000px) {
+				max-width: 1000px;
+			}
 			> .text{
 				padding: 200px 300px;
+				position: relative;
+				@media (max-width: 1000px) {
+					padding: 100px 15px;	
+				}
 				> h1{
 					text-align: center;
 					font-size: 64px;
@@ -24,6 +45,9 @@ defineExpose({})
 					line-height: 64px;
 					letter-spacing: 2px;
 					color: #FFFFFF;
+					@media (max-width: 1000px) {
+						font-size: 40px;
+					}
 				}
 			}
 		}
--- a/src/pages/aida/index.vue
+++ b/src/pages/aida/index.vue
@@ -1,66 +1,77 @@
 <script setup lang="ts">
 	import { useHead } from '@unhead/vue'
-	import { shallowRef, useTemplateRef } from 'vue'
-	import aidaIntroBg from '@/assets/images/home/aida-intro-bg.png'
-	import aidaPanel from '@/assets/images/home/aida-panel.png'
-	import aidaBanner from '@/assets/images/aida/aida-banner.jpg'
-	import demoVideo from '@/assets/images/aida/aida-demo-video.mp4'
+	import { shallowRef, useTemplateRef, computed, onMounted } from 'vue'
+	import { useI18n } from 'vue-i18n'
+	import { gsap } from 'gsap'
+	import { ScrollTrigger } from 'gsap/ScrollTrigger'
 	import diamondIcon from '@/assets/images/aida/diamond.svg'
-	import industryOne from '@/assets/images/aida/industry-1.png'
-	import industryTwo from '@/assets/images/aida/industry-2.png'
-	import industryThree from '@/assets/images/aida/industry-3.png'
 	import timeIcon from '@/assets/images/aida/time.svg'
+	import { IMAGE_BASE_URL } from '@/tools/config'

-	const keyFeatures = [
-		"The world's first AI system in fashion design emphasizing user control, ensuring AI-generated designs align seamlessly with the designer's unique vision and brand identity.",
-		'Excels in synthesizing diverse inputs, such as moodboards, fabric prints, color choices, and sketches, into a cohesive collection quickly, harmoniously, and efficiently.',
-		'Significantly speeds up the design process by over 60%, quickly generating unlimited designs based on user input.',
-		'Incorporates cutting-edge AIGC technology to generate innovative designs and provide comprehensive assistance in the creative process.'
-	] as const
+	gsap.registerPlugin(ScrollTrigger)

-	const benefits = [
-		{
-			image: industryOne,
-			alt: 'Light bulb icon',
-			text: 'Provides speedy ideation for fashion brands and individual designers'
-		},
-		{
-			image: industryTwo,
-			alt: 'Stopwatch icon',
-			text: 'Speeds up the whole fashion design process to strive for the goal of sustainability and cost-saving'
-		},
-		{
-			image: industryThree,
-			alt: 'Drawing brush icon',
-			text: 'Allows fashion novices who do not have drawing or sketching skills to create their own designs in a simple and easy mode'
+	const { t, locale } = useI18n()
+
+	const demoVideo = computed(() => {
+		if (locale.value === 'en') {
+			return `${IMAGE_BASE_URL}/2026/02/Demo-video-26-2-27-EN.mp4`
 		}
-	] as const
+		return `${IMAGE_BASE_URL}/2026/02/Demo-video-26-2-27-CN.mp4`
+	})

-	const subscriptionHighlights = [
-		'Easily create your fashion collections in around 10 seconds based on your creative inspirations and Brand DNA',
-		'Upload mood boards, colour choices, fabric prints and sketches for generating unlimited design proposals',
-		'Save and retrieve your own designs with just a few clicks',
-		'A Cloud-based system by subscription for accessing anytime and anywhere',
-		'Easy to use, can learn in 10 minutes',
-		'Contact us for AiDA trial at info@code-create.com.hk'
-	] as const
+	const keyFeatures = computed(() => {
+		return [t('Aida.feature1'), t('Aida.feature2'), t('Aida.feature3'), t('Aida.feature4')]
+	})

-	const plans = [
+	const benefits = computed(() => {
+		return [
+			{
+				image: `${IMAGE_BASE_URL}/2022/11/aida_feature_icon_01.png`,
+				alt: 'Light bulb icon',
+				text: t('Aida.benefits1')
+			},
+			{
+				image: `${IMAGE_BASE_URL}/2022/11/aida_feature_icon_02.png`,
+				alt: 'Stopwatch icon',
+				text: t('Aida.benefits2')
+			},
+			{
+				image: `${IMAGE_BASE_URL}/2022/11/aida_feature_icon_03-1.png`,
+				alt: 'Drawing brush icon',
+				text: t('Aida.benefits3')
+			}
+		]
+	})
+
+	const subscriptionHighlights = computed(() => {
+		return [
+			t('Aida.plan1'),
+			t('Aida.plan2'),
+			t('Aida.plan3'),
+			t('Aida.plan4'),
+			t('Aida.plan5'),
+			t('Aida.plan6')
+		]
+	})
+
+	const plans = computed(() => {
+		return [
 			{
 				icon: timeIcon,
-			name: 'Trial',
-			description: '7 days free trial',
-			action: 'Start Trial',
-			href: 'mailto:info@code-create.com.hk?subject=AiDA%203.1%20Trial'
+				name: t('Aida.trial'),
+				description: t('Aida.days'),
+				action: t('Aida.start'),
+				href: 'https://www.aida.com.hk/register'
 			},
 			{
 				icon: diamondIcon,
-			name: 'Corporate',
-			description: 'Customised plan',
-			action: 'Contact Us',
-			href: 'mailto:info@code-create.com.hk?subject=AiDA%203.1%20Corporate%20Plan'
+				name: t('Aida.corporate'),
+				description: t('Aida.customised'),
+				action: t('Aida.contactUs'),
+				href: 'mailto:info\\@code-create.com.hk?subject=AiDA%203.1%20Corporate%20Plan'
 			}
-	] as const
+		]
+	})

 	const demoVideoRef = useTemplateRef<HTMLVideoElement>('demoVideoRef')
 	const isVideoPlaying = shallowRef(false)
@@ -88,51 +99,246 @@
 	}

 	useHead({
-		title: 'AiDA 3.1 | Code Create',
+		title: 'AiDA - Code-Create',
 		meta: [
 			{
 				name: 'description',
-				content:
-					'AiDA 3.1 is an AI-based interactive design assistant for fashion designers.'
+				content: t('Aida.description')
 			}
 		]
 	})
+
+	onMounted(() => {
+		// 1. 顶部 aida-title 从上往下滑入
+		gsap.from('#aida-title', {
+			y: -100,
+			opacity: 0,
+			duration: 1.5,
+			ease: 'power3.out',
+			scrollTrigger: {
+				trigger: '#aida-title',
+				start: 'top 80%',
+				once: true
+			}
+		})
+
+		// 2. intro-copy 从下往上滑入
+		gsap.from('.intro-copy', {
+			y: 50,
+			opacity: 0,
+			duration: 1.3,
+			ease: 'power3.out',
+			scrollTrigger: {
+				trigger: '.intro-copy',
+				start: 'top 85%',
+				once: true
+			}
+		})
+
+		// 3. pricing-copy 从下往上滑入
+		gsap.from('.pricing-copy', {
+			y: 50,
+			opacity: 0,
+			duration: 1.3,
+			delay: 0.1,
+			ease: 'power3.out',
+			scrollTrigger: {
+				trigger: '.pricing-copy',
+				start: 'top 85%',
+				once: true
+			}
+		})
+
+		// 4. academic-copy 从下往上滑入
+		gsap.from('.academic-copy', {
+			y: 50,
+			opacity: 0,
+			duration: 1.3,
+			delay: 0.2,
+			ease: 'power3.out',
+			scrollTrigger: {
+				trigger: '.academic-copy',
+				start: 'top 85%',
+				once: true
+			}
+		})
+
+		// 5. features-section 的 section-title 从下往上滑入
+		gsap.from('.features-section .section-title', {
+			y: 50,
+			opacity: 0,
+			duration: 1.3,
+			ease: 'power3.out',
+			scrollTrigger: {
+				trigger: '.features-section .section-title',
+				start: 'top 85%',
+				once: true
+			}
+		})
+
+		// 6. feature-list 从下往上滑入
+		gsap.from('.feature-list', {
+			y: 50,
+			opacity: 0,
+			duration: 1.3,
+			delay: 0.2,
+			ease: 'power3.out',
+			scrollTrigger: {
+				trigger: '.feature-list',
+				start: 'top 85%',
+				once: true
+			}
+		})
+
+		// 7. benefits-section 的 section-title 从下往上滑入
+		gsap.from('.benefits-title', {
+			y: 50,
+			opacity: 0,
+			duration: 1.3,
+			ease: 'power3.out',
+			scrollTrigger: {
+				trigger: '.benefits-title',
+				start: 'top 85%',
+				once: true
+			}
+		})
+
+		// 8. benefits-grid 的三个图标动画
+		// 先设置初始状态：左右两个隐藏在中间位置
+		gsap.set('.benefit-card:first-child', { x: 200, opacity: 0 })
+		gsap.set('.benefit-card:last-child', { x: -200, opacity: 0 })
+
+		// 中间的图标先显示
+		gsap.from('.benefit-card:nth-child(2)', {
+			scale: 0.5,
+			opacity: 0,
+			duration: 1.1,
+			ease: 'back.out(1.7)',
+			scrollTrigger: {
+				trigger: '.benefits-grid',
+				start: 'top 80%',
+				once: true
+			}
+		})
+
+		// 左边的图标从中间滑到左边
+		gsap.to('.benefit-card:first-child', {
+			x: 0,
+			opacity: 1,
+			duration: 1.3,
+			delay: 0.3,
+			ease: 'power3.out',
+			scrollTrigger: {
+				trigger: '.benefits-grid',
+				start: 'top 80%',
+				once: true
+			}
+		})
+
+		// 右边的图标从中间滑到右边
+		gsap.to('.benefit-card:last-child', {
+			x: 0,
+			opacity: 1,
+			duration: 1.3,
+			delay: 0.3,
+			ease: 'power3.out',
+			scrollTrigger: {
+				trigger: '.benefits-grid',
+				start: 'top 80%',
+				once: true
+			}
+		})
+
+		// 9. demo-title 从下往上滑入
+		gsap.from('.demo-title', {
+			y: 50,
+			opacity: 0,
+			duration: 1.3,
+			ease: 'power3.out',
+			scrollTrigger: {
+				trigger: '.demo-title',
+				start: 'top 85%',
+				once: true
+			}
+		})
+
+		// 10. subscription-title 从下往上滑入
+		gsap.from('.subscription-title', {
+			y: 50,
+			opacity: 0,
+			duration: 1.3,
+			ease: 'power3.out',
+			scrollTrigger: {
+				trigger: '.subscription-title',
+				start: 'top 85%',
+				once: true
+			}
+		})
+
+		// 11. subscription-list 从下往上滑入
+		gsap.from('.subscription-list', {
+			y: 50,
+			opacity: 0,
+			duration: 1.3,
+			delay: 0.1,
+			ease: 'power3.out',
+			scrollTrigger: {
+				trigger: '.subscription-list',
+				start: 'top 85%',
+				once: true
+			}
+		})
+
+		// 12. plans-grid 从下往上滑入
+		gsap.from('.plans-grid', {
+			y: 50,
+			opacity: 0,
+			duration: 1.3,
+			delay: 0.2,
+			ease: 'power3.out',
+			scrollTrigger: {
+				trigger: '.plans-grid',
+				start: 'top 85%',
+				once: true
+			}
+		})
+	})
 </script>

 <template>
 	<main class="aida-page">
 		<section class="aida-hero" aria-labelledby="aida-title">
-			<img class="aida-hero-image" :src="aidaBanner" alt="AiDA 3.1 purple silk banner" />
+			<img
+				class="aida-hero-image"
+				:src="`${IMAGE_BASE_URL}/2022/11/aida_banner-1.jpg`"
+				alt="AiDA 3.1 banner"
+			/>
 			<h1 id="aida-title" class="aida-hero-title">AiDA 3.1</h1>
 		</section>

 		<section class="intro-section" aria-labelledby="intro-title">
 			<div class="intro-inner" v-custom-animation.scroll>
 				<h2 id="intro-title" class="intro-title">
-					AI-Based Interactive Design Assistant For Fashion
+					{{ t('Aida.slogan') }}
 				</h2>
 				<p class="intro-copy">
-					AiDA 3.1, a first-to-market technology that empowers fashion designers, based on
-					their creative inspirations, to work with AI to create original designs. With
-					just a few clicks, designers can choose or refine options to develop fashion
-					collections, bringing agility, efficiency and flexibility to conventional and
-					intensive studio processes.
+					{{ t('Aida.desc') }}
 				</p>
 				<p class="pricing-copy">
-					Annual Subscription Fee: $5,000 HKD / Year (50000 Credits)<br />
-					Monthly Subscription Fee: $500 HKD / Month (3500 Credits)<br />
-					Monthly Subscription Fee: $100 HKD / Month (500 Credits)
+					{{ t('Aida.annual') }}<br />
+					{{ t('Aida.monthly') }}<br />
+					{{ t('Aida.monthlyCheaper') }}
 				</p>
 				<p class="academic-copy">
-					Special Academic rate available, please contact us for details.
+					{{ t('Aida.tips') }}
 				</p>
 				<a
 					class="primary-button"
 					href="mailto:info@code-create.com.hk?subject=AiDA%203.1%20Subscription"
 				>
-					Subscribe Now
+					{{ t('Aida.subscribe') }}
 				</a>
-				<a class="manual-link" href="#subscription">User Manual</a>
+				<a class="manual-link" href="#subscription">{{ t('Aida.userManual') }}</a>
 			</div>
 		</section>

@@ -141,19 +347,19 @@
 				<div class="feature-art">
 					<img
 						class="feature-bg"
-						:src="aidaIntroBg"
+						:src="`${IMAGE_BASE_URL}/2022/11/aida_intro_01_bg.png`"
 						alt="Fashion design sketches on paper"
 						loading="lazy"
 					/>
 					<img
 						class="feature-panel"
-						:src="aidaPanel"
+						:src="`${IMAGE_BASE_URL}/2024/01/new-layout-1.png`"
 						alt="AiDA design workspace preview"
 						loading="lazy"
 					/>
 				</div>
 				<div class="feature-copy">
-					<h2 id="features-title" class="section-title">Key Features</h2>
+					<h2 id="features-title" class="section-title">{{ t('Aida.keyFeatures') }}</h2>
 					<ul class="feature-list">
 						<li v-for="feature in keyFeatures" :key="feature">
 							{{ feature }}
@@ -166,7 +372,7 @@
 		<section class="benefits-section" aria-labelledby="benefits-title">
 			<div class="benefits-inner">
 				<h2 id="benefits-title" class="section-title benefits-title">
-					Benefits to Industry
+					{{ t('Aida.benefits') }}
 				</h2>
 				<div class="benefits-grid">
 					<article v-for="benefit in benefits" :key="benefit.text" class="benefit-card">
@@ -184,7 +390,7 @@

 		<section class="demo-section" aria-labelledby="demo-title">
 			<div class="demo-inner">
-				<h2 id="demo-title" class="demo-title">Demo</h2>
+				<h2 id="demo-title" class="demo-title">{{ t('Aida.demo') }}</h2>
 				<div class="demo-video-wrap">
 					<video
 						ref="demoVideoRef"
@@ -206,7 +412,7 @@
 						aria-label="Play AiDA demo video"
 						@click="toggleDemoVideo"
 					>
-						Click to play
+						{{ t('Aida.play') }}
 						<span class="play-dot" aria-hidden="true"></span>
 					</button>
 				</div>
@@ -220,22 +426,31 @@
 		>
 			<div class="subscription-inner">
 				<h2 id="subscription-title" class="section-title subscription-title">
-					Choose Your Subscription Plan
+					{{ t('Aida.choosePlan') }}
 				</h2>
 				<ul class="subscription-list">
-					<li v-for="item in subscriptionHighlights" :key="item">
+					<li v-for="(item, index) in subscriptionHighlights" :key="item">
+						<template v-if="index + 1 === subscriptionHighlights.length">
+							<a class="mail-link" href="mailto:info@code-create.com.hk">
 								{{ item }}
+							</a>
+						</template>
+						<template v-else>
+							{{ item }}
+						</template>
 					</li>
 				</ul>

 				<div class="plans-grid">
 					<article v-for="plan in plans" :key="plan.name" class="plan-card">
+						<div class="plan-icon-wrap">
 							<img
 								class="plan-icon"
 								:src="plan.icon"
 								: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>
@@ -243,8 +458,8 @@
 				</div>

 				<div class="legal-links">
-					<a href="#subscription">Terms &amp; Conditions</a>
-					<a href="#subscription">Subscription Agreement</a>
+					<a href="#subscription">{{ t('Aida.termsAndConditions') }}</a>
+					<a href="#subscription">{{ t('Aida.agreement') }}</a>
 				</div>
 			</div>
 		</section>
@@ -366,7 +581,7 @@
 		border-radius: 999px;
 		background: #a51f28;
 		color: #ffffff;
-		font-size: 10px;
+		font-size: 14px;
 		font-weight: 700;
 		line-height: 1;
 		letter-spacing: 1.8px;
@@ -398,7 +613,7 @@
 		display: table;
 		margin: 23px auto 0;
 		color: #333333;
-		font-size: 10px;
+		font-size: 14px;
 		font-weight: 700;
 		line-height: 1.4;
 		text-decoration: underline;
@@ -459,8 +674,8 @@
 		margin: 32px 0 0;
 		padding-left: 18px;
 		color: #444444;
-		font-size: 13px;
-		line-height: 1.55;
+		font-size: 16px;
+		// line-height: 1.55;
 	}

 	.feature-list li + li {
@@ -507,8 +722,7 @@
 		max-width: 248px;
 		margin: 0;
 		color: #555555;
-		font-size: 12px;
-		line-height: 1.45;
+		font-size: 16px;
 		letter-spacing: 0;
 	}

@@ -604,23 +818,28 @@
 		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;
-		font-size: 13px;
-		line-height: 1.48;
+		color: #555;
+		font-size: 16px;
+		font-weight: 400;
+		// line-height: 1.48;
 	}

 	.subscription-list li {
 		position: relative;
 		padding-left: 24px;
 	}
-
+	.mail-link {
+		color: inherit;
+		text-decoration: none;
+		cursor: pointer;
+	}
 	.subscription-list li + li {
 		margin-top: 14px;
 	}
@@ -654,11 +873,21 @@
 		text-align: center;
 	}

-	.plan-icon {
-		width: 86px;
-		height: 86px;
-		object-fit: contain;
+	.plan-icon-wrap {
+		display: flex;
+		align-items: center;
+		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 {
--- a/src/pages/contact-us/index.vue
+++ b/src/pages/contact-us/index.vue
@@ -0,0 +1,113 @@
+<template>
+	<div class="contact-us">
+		<img class="bg" src="@/assets/images/contact-us/bg.jpg" alt="" />
+		<section class="header">
+			<h1 v-custom-animation.once duration="1s" translate-y-s="-100%" opacity-s="0">
+				{{ $t('MainHeader.ContactUs') }}
+			</h1>
+		</section>
+		<section class="contact">
+			<span class="iconfont icon-dingwei"></span>
+			<h3 class="title">{{ $t('Contact') }}</h3>
+			<a class="email" href="mailto:info@code-create.com.hk">info@code-create.com.hk</a>
+		</section>
+		<section class="contact-input">
+			<EmailBox @submit="submit" :title="$t('GetInTouch')" :tip="$t('StayUpToDate')" />
+		</section>
+	</div>
+</template>
+<script setup lang="ts">
+	import { useHead } from '@unhead/vue'
+	import { useI18n } from 'vue-i18n'
+	const { t } = useI18n()
+
+	import { ref } from 'vue'
+	import EmailBox from '@/components/email-box.vue'
+
+	const submit = (email: string) => {
+		console.log(email)
+	}
+	useHead({
+		title: t('MainHeader.ContactUs') + ' - Code-Create'
+	})
+</script>
+
+<style scoped lang="less">
+	.contact-us {
+		--bg-height: 514px;
+		> * {
+			position: relative;
+			z-index: 1;
+		}
+		> .bg {
+			height: var(--bg-height);
+			width: 100%;
+			object-fit: cover;
+			position: fixed;
+			top: 0;
+			z-index: 0;
+		}
+		> .header {
+			height: var(--bg-height);
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			> h1 {
+				font-size: 64px;
+				font-weight: 600;
+				letter-spacing: 2px;
+				color: #fff;
+				margin-bottom: 50px;
+				text-transform: uppercase;
+			}
+		}
+		> .contact {
+			background-color: #fff;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			padding: 40px;
+			> .iconfont {
+				font-size: 50px;
+				color: #4f4f4f;
+				margin-bottom: 20px;
+			}
+			> .title {
+				font-weight: 600;
+				line-height: 36px;
+				color: #464f3b;
+				font-size: 24px;
+				margin-bottom: 15px;
+			}
+			> .email {
+				font-size: 14px;
+				color: #222;
+				text-decoration: none;
+			}
+		}
+		> .contact-input {
+			padding: 100px;
+			background-color: #faf8f8;
+			> .email-box {
+				max-width: 860px;
+			}
+		}
+		@media (max-width: 800px) {
+			--bg-height: 239px;
+			> .header {
+				> h1 {
+					font-size: 40px;
+					margin-bottom: 20px;
+				}
+			}
+			> .contact {
+				> .iconfont {
+					font-size: 36px;
+				}
+			}
+			> .contact-input {
+				padding: 60px 20px;
+			}
+		}
+	}
+</style>
--- a/src/pages/events-detail/index.vue
+++ b/src/pages/events-detail/index.vue
@@ -0,0 +1,166 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import listEn from './list-en.js'
+import listZhCn from './list-zh-cn.js'
+import listZhTw from './list-zh-tw.js'
+import { LangType } from '../../lang'
+import { useI18n } from 'vue-i18n'
+import { useRoute } from 'vue-router'
+import MyEvent from '@/tools/myEvents.js'
+
+const route = useRoute()
+const { locale } = useI18n()
+const allList = computed(() => {
+	if (locale.value === LangType.zhCn) {
+		return listZhCn
+	}
+	if (locale.value === LangType.zhTw) {
+		return listZhTw
+	}
+	return listEn
+})
+const data = computed(() => {
+	return allList.value.find(item => item.id === Number(route.params.id))
+})
+
+const playVideo = (params)=>{
+	MyEvent.emit("playVideo",{
+		url: params.video,
+		poster: params.poster,
+	});
+}
+defineExpose({})
+</script>
+<template>
+	<div class="events">
+		<div class="placeholder"></div>
+		<section class="detail">
+			<div class="content">
+				<div class="video" v-if="data?.coverVideo">
+					<img :src="data?.posterUrl || data?.coverUrl" alt="">
+					<span class="iconfont icon-bofang" @click="playVideo({video: data.coverVideo, poster: data.posterUrl || data.coverUrl})"></span>
+				</div>
+				<div class="img">
+					<img :src="data?.coverUrl" alt="">
+				</div>
+				<div class="title">
+					<h2>{{ data?.title }}</h2>
+				</div>
+				<div class="info">
+					<p v-for="item in data?.infoList">
+						{{ item }}
+					</p>
+				</div>
+				<div class="video" v-if="data?.videoUrl">
+					<img :src="data?.posterUrl || data?.coverUrl" alt="">
+					<span class="iconfont icon-bofang" @click="playVideo({video: data.videoUrl, poster: data.posterUrl || data.coverUrl})"></span>
+				</div>
+			</div>
+		</section>
+		<section class="img-group" v-if="data?.urlGroup?.length > 0">
+			<div class="content">
+				<div v-for="item in data?.urlGroup" :key="item" class="img-item">
+					<img v-tween="{ scale: .7, duration: .5 }" :src="item" alt="">
+				</div>
+			</div>
+		</section>
+	</div>
+</template>
+<style lang="less" scoped>
+	.events{
+		.placeholder{
+			height: var(--main-header-height, 100px);
+			width: 100%;
+			position: sticky;
+			top: 0;
+			background-color: #000;
+		}
+		> .detail{
+			margin-bottom: 40px;
+			> .content{
+				margin: 0 auto;
+				margin-top: 100px;
+				padding: 10px;
+				max-width: 740px;
+				@media (max-width: 1000px) {
+					margin-top: 0px;
+				}
+				> .img{
+					margin-bottom: 20px;
+					img{
+						width: 100%;
+					}
+				}
+				> .title {
+					margin-bottom: 20px;
+					> h2{
+						font-family: "Poppins", Sans-serif;
+						font-weight: 600;
+						color: #000000;
+						line-height: 1;
+						font-size: 24px;
+					}
+				}
+				> .info {
+					> p{
+						font-family: "Poppins", Sans-serif;
+						color: #333333;
+						line-height: 1.5;
+						font-size: 14px;
+						margin: 10px 0;
+					}
+				}
+				> .video{
+					position: relative;
+					width: 100%;
+					> img{
+						width: 100%;
+						height: 405px;
+						object-fit: cover;
+					}
+					> .icon-bofang{
+						font-size: 100px;
+						color: #fff;
+						position: absolute;
+						top: 50%;
+						left: 50%;
+						transform: translate(-50%,-50%);
+						animation: identifier 2s ease-in-out infinite;
+						// box-shadow: 0 0 10px #fff;
+						transition: .3s all;
+						cursor: pointer;
+						@keyframes identifier {
+							0% {
+								transform: translate(-50%,-50%) scale(1);
+								filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 1));
+							}
+							50% {
+								transform: translate(-50%,-50%) scale(.95);
+								filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 1));
+							}
+							100% {
+								transform: translate(-50%,-50%) scale(1);
+								filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 1));
+							}
+						}
+					}
+				}
+			}
+		}
+		> .img-group{
+			> .content{
+				display: grid;
+				grid-template-columns: repeat(3, 1fr);
+				> .img-item{
+					aspect-ratio: 3 / 2;
+					img{
+						width: 100%;
+						height: 100%;
+						object-fit: cover;
+						display: flex;
+					}
+				}
+			}
+		}
+	}
+</style>
--- a/src/pages/events-detail/list-en.js
+++ b/src/pages/events-detail/list-en.js
--- a/src/pages/events-detail/list-zh-cn.js
+++ b/src/pages/events-detail/list-zh-cn.js
--- a/src/pages/events-detail/list-zh-tw.js
+++ b/src/pages/events-detail/list-zh-tw.js
--- a/src/pages/events/all-events.vue
+++ b/src/pages/events/all-events.vue
@@ -0,0 +1,177 @@
+<script setup lang="ts">
+import { ref } from "vue";
+const emit = defineEmits(['clickItem'])
+const props = defineProps({
+	list: {
+		type: Array,
+		default: () => [],
+	},
+})
+defineExpose({})
+</script>
+<template>
+	<section class="mission">
+		<div class="content">
+			<h2>ALL EVENTS</h2>
+			<div class="all-events">
+				<div v-for="item  in list as any" :key="item.url" class="img-item">
+					<div class="img-box">
+						<img :src="item.coverUrl" alt="">
+						<div class="line">
+							<div class="day">{{ item?.day }}</div>
+							<div class="month">{{ item?.month }}</div>
+						</div>
+					</div>
+					<h3>{{item.title}}</h3>
+					<div class="info">
+						<p>
+							{{ item?.brief }}
+						</p>
+					</div>
+					<div class="read-more" @click="$emit('clickItem', item)">
+						Read More
+						<span class="iconfont icon-direction-right"></span>
+					</div>
+				</div>
+			</div>
+		</div>
+	</section>
+</template>
+<style lang="less" scoped>
+	.mission{
+		width: 100%;
+		background-color: #f9f9f9;
+		> .content{
+			margin: 0 auto;
+			padding: 40px 0px 40px 0px;
+			max-width: 1120px;
+			@media (max-width: 1000px) {
+				padding: 40px 10px;
+				width: 100%;
+			}
+			> h2{
+				text-align: center;
+				margin-bottom: 50px;
+				font-size: 40px;
+				color: #222222;
+				font-family: "Poppins", Sans-serif;
+				@media (max-width: 1000px) {
+					font-size: 28px;
+					margin-bottom: 40px;
+				}
+			}
+			> .all-events{
+			    display: grid;
+				grid-template-columns: repeat(3, minmax(100px, 1fr));
+				grid-gap: 20px 30px;
+				@media (max-width: 1000px) {
+					grid-template-columns: repeat(1, minmax(100px, 1fr));
+					grid-gap: 30px;
+				}
+				> .img-item{
+					&:hover{
+						> .img-box{
+							> img{
+								transform: scale(1.1);
+							}
+						}
+					}
+					> .img-box{
+						border-radius: 20px;
+						overflow: hidden;
+						max-width: 100%;
+						width: 100%;
+						position: relative;
+						margin-bottom: 20px;
+						> img{
+							transition: all .3s;
+							width: 100%;
+							height: 100%;
+							object-fit: cover;
+						}
+						> .line{
+							position: absolute;
+							width: 54px;
+							height: 54px;
+							left: 15px;
+							top: 15px;
+							border-radius: 50%;
+							background-color: #fff;
+							display: flex;
+							flex-direction: column;
+							align-items: center;
+							justify-content: center;
+							> .day{
+								font-family: "Poppins", Sans-serif;
+								font-size: 20px;
+								font-weight: 600;
+								line-height: 1;
+							}
+							> .month{
+								font-size: 12px;
+								line-height: 1;
+							}
+						}
+					}
+					> h3{
+						font-size: 20px;
+						font-weight: 600;
+						line-height: 1;
+						margin-bottom: 10px;
+						@media (max-width: 1000px) {
+							font-size: 18px;
+						}
+						&:hover{
+							color: #626262;
+						}
+					}
+					> .info{
+						font-size: 16px;
+						font-weight: 400;
+						line-height: 1;
+						color: #555;
+						margin-bottom: 15px;
+						display: -webkit-box;
+						-webkit-line-clamp: 2;
+						-webkit-box-orient: vertical;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						word-break: break-word; 
+						@media (max-width: 1000px) {
+							font-size: 14px;
+						}
+					}
+					.read-more{
+						color: #9A2125;
+						box-shadow: none;
+						font-size: 14px;
+						text-decoration: none;
+						position: relative;
+						width: min-content;
+						white-space: nowrap;
+						&:hover{
+							&::after{
+								left: 0;
+								width: 100%;
+							}
+						}
+						&::after{
+							content: '';
+							position: absolute;
+							bottom: 0;
+							right: 0;
+							left: auto;
+							width: 0%;
+							height: 2px;
+							background-color: #9A2125;
+							transition: all .3s;
+						}
+						> span{
+							margin-left: 10px;
+						}
+					}
+				}
+			}
+		}
+	}
+</style>
--- a/src/pages/events/index.vue
+++ b/src/pages/events/index.vue
@@ -0,0 +1,49 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import Swiper from './swiper.vue'
+import AllEvents from './all-events.vue'
+import listEn from './list-en.js'
+import listZhCn from './list-zh-cn.js'
+import listZhTw from './list-zh-tw.js'
+import { LangType } from '../../lang'
+import { useI18n } from 'vue-i18n'
+import { useRouter } from 'vue-router'
+const { locale } = useI18n()
+const router = useRouter()
+const allList = computed(() => {
+	if (locale.value === LangType.zhCn) {
+		return listZhCn
+	}
+	if (locale.value === LangType.zhTw) {
+		return listZhTw
+	}
+	return listEn
+})
+const swiperList = computed(() => {
+	return allList.value.slice(0, 5)
+})
+const goDetail = (item) => {
+	router.push({
+		path: `/events/${item.id}`,
+	})
+}
+defineExpose({})
+</script>
+<template>
+	<div class="events">
+		<div class="placeholder"></div>
+		<Swiper :list="swiperList" @clickItem="goDetail" />
+		<AllEvents :list="allList" @clickItem="goDetail" />
+	</div>
+</template>
+<style lang="less" scoped>
+	.events{
+		.placeholder{
+			height: var(--main-header-height, 100px);
+			width: 100%;
+			position: sticky;
+			top: 0;
+			background-color: #000;
+		}
+	}
+</style>
--- a/src/pages/events/list-en.js
+++ b/src/pages/events/list-en.js
@@ -0,0 +1,524 @@
+export default [
+	{
+		"id": 58,
+		"title": "AiDA On Phoenix TV!! Behind The Scenes 🎉",
+		"brief": "AiDA on Phoenix TV!! Behind the scenes 🎉 Design, as we know it,...",
+		"day": "11",
+		"month": "May",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/05/45e19bf9012eac5071ace52896e4f53f-300x166.png",
+		"aaurl": "https://code-create.com.hk/aida-on-phoenix-tv-behind-the-scenes-%f0%9f%8e%89/"
+	},
+	{
+		"id": 57,
+		"title": "2026 — Your Global Design Stage",
+		"brief": "2026 — Your Global Design Stage Some designs are more than just finished...",
+		"day": "22",
+		"month": "Apr",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/04/award_qrcode_en-240x300.gif",
+		"aaurl": "https://code-create.com.hk/2026-your-global-design-stage/"
+	},
+	{
+		"id": 56,
+		"title": "Code-Create Voted Top 5 People’s Choice At Alibaba JUMPSTARTER 2026",
+		"brief": "Code-Create Voted Top 5 People’s Choice at Alibaba JUMPSTARTER 2026 Code-Create earned a...",
+		"day": "20",
+		"month": "Mar",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/03/Code-Create-Limited-300x201.jpg",
+		"aaurl": "https://code-create.com.hk/code-create-voted-top-5-peoples-choice-at-alibaba-jumpstarter-2026/"
+	},
+	{
+		"id": 55,
+		"title": "Wait… AiDA Can Also Be Used For Visual Merchandising At Fashion Week?",
+		"brief": "Wait… AiDA can also be used for visual merchandising at Fashion Week? In...",
+		"day": "04",
+		"month": "Mar",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/03/IMG_4901-300x200.jpg",
+		"aaurl": "https://code-create.com.hk/wait-aida-can-also-be-used-for-visual-merchandising-at-fashion-week/"
+	},
+	{
+		"id": 54,
+		"title": "Generations Of Craftsmanship, Unlocking New Possibilities Between Tradition And Tech-Driven Fashion",
+		"brief": "Generations of Craftsmanship, Unlocking New Possibilities Between Tradition and Tech-Driven Fashion Code-Create’s Co-Founder...",
+		"day": "09",
+		"month": "Feb",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/02/%E5%BE%AE%E4%BF%A1%E5%9C%96%E7%89%87_2026-02-02_121646_493-e1770608490912-300x234.jpg",
+		"aaurl": "https://code-create.com.hk/generations-of-craftsmanship-unlocking-new-possibilities-between-tradition-and-tech-driven-fashion/"
+	},
+	{
+		"id": 53,
+		"title": "Honored To Be Selected As Alibaba JUMPSTARTER 2026 Top 30 Startup | Code-Create",
+		"brief": "Honored to be selected as a Alibaba JUMPSTARTER 2026 Top 30 Startup |...",
+		"day": "30",
+		"month": "Jan",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/01/Jumpstarter-horizontal-300x169.jpg",
+		"aaurl": "https://code-create.com.hk/honored-to-be-selected-as-a-jumpstarter-2026-top-30-startup-code-create/"
+	},
+	{
+		"id": 52,
+		"title": "Across Disciplines · Across Borders｜AiDA Makes Design Accessible To All",
+		"brief": "Across Disciplines · Across Borders｜AiDA Makes Design Accessible to All   During a...",
+		"day": "28",
+		"month": "Jan",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/01/IMG_4524-300x225.jpeg",
+		"aaurl": "https://code-create.com.hk/across-disciplines-%c2%b7-across-borders%ef%bd%9caida-makes-design-accessible-to-all/"
+	},
+	{
+		"id": 51,
+		"title": "Stepping Into PolyU, Connecting The Future",
+		"brief": "Stepping into PolyU, Connecting the Future At Code-Create, we’ve always believed that education...",
+		"day": "28",
+		"month": "Jan",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/01/IMG_7777-300x200.jpg",
+		"aaurl": "https://code-create.com.hk/stepping-into-polyu-connecting-the-future/"
+	},
+	{
+		"id": 50,
+		"title": "AiDA Empowering Fashion Design Education At HK SFU",
+		"brief": "AiDA Empowering Fashion Design Education at HK SFU The Code-Create team recently visited...",
+		"day": "28",
+		"month": "Jan",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/01/IMG_2710-300x225.jpeg",
+		"aaurl": "https://code-create.com.hk/aida-empowering-fashion-design-education-at-hk-sfu/"
+	},
+	{
+		"id": 49,
+		"title": "Where Fashion Leaders Meet | FAHK 2025",
+		"brief": "Where Fashion Leaders Meet | FAHK 2025 At Fashion Asia Hong Kong 2025,...",
+		"day": "18",
+		"month": "Dec",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/12/IMG_8466-300x225.jpeg",
+		"aaurl": "https://code-create.com.hk/where-fashion-leaders-meet-fahk-2025/"
+	},
+	{
+		"id": 48,
+		"title": "AiDA × Hanyang University｜A Deep Dive Into AI-Driven Fashion Design",
+		"brief": "AiDA × Hanyang University｜A Deep Dive into AI-Driven Fashion Design PhD students from...",
+		"day": "01",
+		"month": "Dec",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/12/IMG_8320-1-300x225.jpeg",
+		"aaurl": "https://code-create.com.hk/aida-x-hanyang-university%ef%bd%9ca-deep-dive-into-ai-driven-fashion-design/"
+	},
+	{
+		"id": 47,
+		"title": "Korea’s Chonnam National University Is Using AiDA!",
+		"brief": "Korea’s Chonnam National University Is Using AiDA! Students and faculty from Chonnam National...",
+		"day": "21",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/11/IMG_7909-scaled-e1763695571462-300x188.jpeg",
+		"aaurl": "https://code-create.com.hk/koreas-chonnam-national-university-is-using-aida/"
+	},
+	{
+		"id": 46,
+		"title": "When AI Meets Love | Fashion Knows No Age",
+		"brief": "When AI Meets Love | Fashion Knows No Age Code-Create and Caritas St. Joseph Secondary School joined hands to bring creativity into the community through AiDA. Students used AI to design personalized outfits for the elderly — each piece filled with warmth and heartfelt care. From classroom to runway, from inspiration to action, AI is more than a tool of innovation — it’s a force that connects people. ‘The future of the future’ is being redefined by these young designers.",
+		"day": "19",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/11/IMG_5366-300x225.jpeg",
+		"aaurl": "https://code-create.com.hk/when-ai-meets-love-fashion-knows-no-age/"
+	},
+	{
+		"id": 45,
+		"title": "Creator Shares AiDA Design Insights At University Lecture",
+		"brief": "Creator Shares AiDA Design Insights at University Lecture At Kyung Hee University’s ‘AI AnD Talk 2025’ in Korea, designer Jae shared his unique experience using AiDA in fashion creation. He demonstrated how AiDA helps break creative boundaries, enabling a more open dialogue between technology and fashion. The talk not only offered cutting-edge insights into AI-driven fashion but also inspired students to reimagine the future of design education and creative practice.",
+		"day": "19",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/11/day01_0846-300x200.jpg",
+		"aaurl": "https://code-create.com.hk/creator-shares-aida-design-insights-at-university-lecture/"
+	},
+	{
+		"id": 44,
+		"title": "Temasek Polytechnic Visits The Birthplace Of AiDA",
+		"brief": "Temasek Polytechnic Visits the Birthplace of AiDA A delegation of students and faculty from Temasek Polytechnic, Singapore visited AiDLab, the research and development hub behind AiDA. During the visit, guests experienced the newly upgraded AiDA 3.1, along with several of AiDLab’s cutting-edge innovations — including 3D body scanning, digital human generation, and intelligent textile research, exploring how AI technology is reshaping the future of fashion design. 💡 To conclude the visit, Ms. Kim Wong, Founder of Code-Create, shared insights on AiDA’s vision and future direction, inspiring engaging discussions among students and faculty. Looking ahead, we aim to collaborate with more...",
+		"day": "19",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/11/IMG_0154-300x225.jpeg",
+		"aaurl": "https://code-create.com.hk/temasek-polytechnic-visits-the-birthplace-of-aida/"
+	},
+	{
+		"id": 43,
+		"title": "AiDA Powers Cultural AI Exhibition In Hong Kong! ",
+		"brief": "AiDA Powers Cultural AI Exhibition in Hong Kong! After nearly six months of collaboration, the Cultural AI project — powered by AiDA, our AI fashion design platform — has officially come to life in Hong Kong! In partnership with Temasek Polytechnic (Singapore), Hong Kong designers Elmer Ho and Liz Mak, and PhD researchers Zhu Jia Yu and Zhu Shu Min from PolyU, students explored how AiDA can transform cultural motifs into innovative fashion concepts and tangible designs. A big thank-you to everyone who joined the opening ceremony and to all our partners who made this milestone possible. Come visit the...",
+		"day": "19",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/11/IMG_4112-300x225.jpeg",
+		"aaurl": "https://code-create.com.hk/aida-powers-cultural-ai-exhibition-in-hong-kong/"
+	},
+	{
+		"id": 42,
+		"title": "KIFT Talk | Co-Creating Fashion With AiDA",
+		"brief": "KIFT Talk | Co-Creating Fashion with AiDA At the Korea International Fashion Tech (KIFT) event, Korean designer Jae shared insights on the collaboration between BESFXXK and AiDA.He showcased how multiple BESFXXK collections were created with the support of AiDA, using the AI assistant to quickly transform inspiration into innovative and diverse designs.The talk highlighted the boundless potential of AI and designers co-creating, offering a glimpse into the future of fashion design.",
+		"day": "30",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/cover-3-300x225.jpg",
+		"aaurl": "https://code-create.com.hk/kift-talk-co-creating-fashion-with-aida/"
+	},
+	{
+		"id": 41,
+		"title": "AiDA In The Classroom｜Global Designer Shares AI × Fashion In Practice",
+		"brief": "AiDA in the Classroom｜Global Designer Shares AI × Fashion in Practice A special moment from Kyung Hee University in Korea Designer Jae (Creative Director of BESFXXK) introduced AiDA and its R&D team, AiDLab, while sharing Code-Create’s vision for the integration of AI and the fashion ecosystem, as well as the applications of AI in fashion design. Through real case studies, he demonstrated how moodboards, prints, sketches, and final renderings can come together seamlessly, giving students a firsthand look at how AI enhances creativity.It’s inspiring to see the next generation of designers engaging with AI × fashion, opening new possibilities for the future...",
+		"day": "26",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/Cover-300x225.jpg",
+		"aaurl": "https://code-create.com.hk/aida-in-the-classroom%ef%bd%9cglobal-designer-shares-ai-x-fashion-in-practice/"
+	},
+	{
+		"id": 40,
+		"title": "AiDA | Cultural Motifs × AI Fashion Experiment",
+		"brief": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/250916-promotional-video.mp4 AiDA | Cultural Motifs × AI Fashion Experiment AiDA has teamed up with Singapore’s Temasek Polytechnic to launch a fashion project inspired by cultural motifs. Led by two experienced Hong Kong designers and PhD researchers from PolyU, students are guided to use the AiDA to transform cross-cultural elements into complete fashion collections.Through discussion and creation, AiDA makes ideas come to life faster and design more intuitively and efficiently. We can’t wait to see how young designers showcase global perspectives and cultural creativity with the power of AI! ",
+		"day": "23",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/promotional-video-cover-300x169.jpg",
+		"aaurl": "https://code-create.com.hk/aida-cultural-motifs-x-ai-fashion-experiment/"
+	},
+	{
+		"id": 39,
+		"title": "From Sketch To Garment｜Made Possible With AiDA",
+		"brief": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/英-Intertextile-SH.mov From Sketch to Garment｜Made Possible with AiDA Designs generated with AiDA 3.1 have now been transformed into real garments. The future of fashion is right before your eyes. ",
+		"day": "16",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/Video-cover-225x300.jpeg",
+		"aaurl": "https://code-create.com.hk/from-sketch-to-garment%ef%bd%9cmade-possible-with-aida/"
+	},
+	{
+		"id": 38,
+		"title": "AiDA 3.1 At Intertextile Shanghai｜Upgraded Experience On-Site",
+		"brief": "AiDA 3.1 at Intertextile Shanghai｜Upgraded Experience On-Site Code-Create proudly presented the newly upgraded AiDA 3.1 at Intertextile Shanghai! ✨📍 At our booth, AiDA attracted an overwhelming response — with designers, students, and industry professionals eager to experience the platform first-hand.Visitors explored the complete design workflow, from moodboards and prints to sketches and final product renderings, while discovering the exciting new features of AiDA 3.1:✨ Sharper, higher-resolution outputs✨ Canvas workspace & Advanced Tools✨ Transform design drafts into lifelike model photos with adjustable poses✨ New product video generation, making designs more dynamic and immersiveAiDA 3.1 not only speeds up the design process...",
+		"day": "09",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/cover-1-300x225.jpg",
+		"aaurl": "https://code-create.com.hk/aida-3-1-at-intertextile-shanghai%ef%bd%9cupgraded-experience-on-site/"
+	},
+	{
+		"id": 37,
+		"title": "Live From Seoul | AiDA Booth Is Buzzing!",
+		"brief": "Live from Seoul | AiDA Booth is Buzzing! A quick share from Korea COEX, Seoul –This time, Code-Create brought our AI fashion design platform AiDA to Korea, and the booth was packed with excitement! Designers, students, and industry friends all came to explore AiDA, and we also showcased real garments created with AiDA designs. Everyone’s big question: Can AI really help designers bring ideas to life faster?The answer is yes!AiDA works seamlessly with a designer’s creative flow—from moodboards to prints, sketches, and final renderings—step by step through the whole process. And the physical outfits on display were the best proof: AI-driven creativity...",
+		"day": "21",
+		"month": "Aug",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/08/WhatsApp-Image-2025-08-20-at-15.21.45-225x300.jpeg",
+		"aaurl": "https://code-create.com.hk/live-from-seoul-aida-booth-is-buzzing/"
+	},
+	{
+		"id": 36,
+		"title": "Preview In Seoul 2025",
+		"brief": "Preview in Seoul 2025 Code-Create is heading to Seoul!  We’re excited to join Preview in Seoul 2025 next week, bringing AiDA — our AI-powered fashion design platform — to Korea for the very first time. Come visit our booth and see how AiDA supports designers from concept to creation, and how AI is shaping the future of fashion.  On 21 Aug, Code-Create founder & CEO Kim Wong, AiDLab’s Prof. Calvin Wong and BESFXXK Creative Director Jae Lim in a special session discussing how human creativity and AI can work together to elevate the fashion industry. And don’t miss our pitching...",
+		"day": "15",
+		"month": "Aug",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/08/poster-213x300.jpeg",
+		"aaurl": "https://code-create.com.hk/preview-in-seoul-2025/"
+	},
+	{
+		"id": 35,
+		"title": "Code-Create X YaleWomen Hong Kong | AI × Fashion × Design",
+		"brief": "Code-Create x YaleWomen Hong Kong | AI × Fashion × Design On 30 July 2025, Code-Create Co-Founder & CEO Kim Wong was invited by YaleWomen Hong Kong to share her insights on the evolving intersection of fashion, AI, and entrepreneurship. Drawing on her extensive leadership experience at global fashion houses—including DFS USA, Lane Crawford, Burberry Asia, Brunello Cucinelli, and Versace Asia Pacific—Kim spoke about her journey from the fashion C-suite to academia, and now to the world of start-ups. She introduced AiDA 3.0, Code-Create’s AI-powered interactive design assistant, developed by AiDLab in collaboration with The Hong Kong Polytechnic University and...",
+		"day": "30",
+		"month": "Jul",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/08/WhatsApp-%E5%9C%96%E7%89%872025-08-0511.57.53_77f970a9-300x261.jpg",
+		"aaurl": "https://code-create.com.hk/code-create-x-yalewomen-hong-kong-ai-x-fashion-x-design/"
+	},
+	{
+		"id": 34,
+		"title": "When AI Becomes Your Creative Partner: AiDA With Creators Worldwide",
+		"brief": "When AI Becomes Your Creative Partner: AiDA with Creators Worldwide We are honored to support the 2025 SHE IS AI Fashion Awards as a proud partner—an international design competition centered on AI, fashion, and sustainable innovation.This prestigious event brings together designers and creatives from around the globe to explore AI as a “creative collaborator” across all stages of fashion design. Our AI platform, AiDA, serves as one of the key design tools, providing technical support to inspire and facilitate participants’ design development.From digital concepts to garment launches, and from virtual runways to global retail, every step of the design process...",
+		"day": "27",
+		"month": "Jun",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/06/WhatsApp-Image-2025-06-24-at-10.14.51_e49379ab-300x169.jpg",
+		"aaurl": "https://code-create.com.hk/when-ai-becomes-your-creative-partner-aida-with-creators-worldwide/"
+	},
+	{
+		"id": 33,
+		"title": "AiDA Makes A Splash At The Korean Society Of Fashion Design",
+		"brief": "AiDA Makes a Splash at The Korean Society of Fashion Design At The Korean Society of Fashion Design, designer Jae introduced AiDA, an innovative design AI tool, to the audience. Jae detailed how AiDA leverages cutting-edge technology to boost design efficiency, saving designers time and allowing them to focus on creativity. Participants were impressed by AiDA’s ability to provide unlimited creative inspiration. They believe it not only stimulates fresh design concepts but also assists designers in transcending conventional design boundaries to discover new possibilities. AiDA’s powerful functions and potential excited everyone present and sparked intense discussion. AiDA is set to...",
+		"day": "25",
+		"month": "Jun",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/06/%E5%B0%81%E9%9D%A2-2-300x200.jpg",
+		"aaurl": "https://code-create.com.hk/aida-makes-a-splash-at-the-korean-society-of-fashion-design/"
+	},
+	{
+		"id": 32,
+		"title": "Intertextile 2025 Review | A Real Dialogue Between AI And Design",
+		"brief": "A meaningful dialogue about AI and design inspiration unfolded at Shenzhen Convention Center, where AiDA connected with designers and brand founders from across China. What we shared:🔹 The complete AI workflow – from fabric selection to pattern generation🔹 How AI tools deliver both efficiency gains and creative stimulation Though the exhibition has ended, the conversation about design’s future continues. We extend our gratitude to:✓ Those who exchanged business cards with us✓ Everyone who waited in line to experience AiDA✓ Even those who simply glanced at our booth The story doesn’t end here.Explore more real-world AiDA case studies on our page...",
+		"day": "11",
+		"month": "Jun",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/06/%E5%B0%81%E9%9D%A2-300x200.jpg",
+		"aaurl": "https://code-create.com.hk/intertextile-2025-review-a-real-dialogue-between-ai-and-design/"
+	},
+	{
+		"id": 31,
+		"title": "Fashion Industry Hot Topic: Digital Innovation And AI Empowered Fashion",
+		"brief": "Fashion Industry Hot Topic: Digital Innovation and AI Empowered Fashion Kim Wong, CEO of Code – Create, was recently invited to the “Digital Innovation Workshop”. During her presentation, Ms. Kim Wong introduced AiDA, an AI – powered design tool that is designer – led. She elaborated on how fashion businesses can harness this innovative technology to drive innovation. With its cutting – edge features, AiDA offers the fashion industry a more efficient and precise solution, enabling brands to stand out in the fiercely competitive market. In the roundtable discussion on “Avoiding Pitfalls in AI Implementation for the Consumer Goods Industry,”...",
+		"day": "17",
+		"month": "May",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/05/%E5%B0%81%E9%9D%A2-3-300x200.jpg",
+		"aaurl": "https://code-create.com.hk/fashion-industry-hot-topic-digital-innovation-and-ai-empowered-fashion/"
+	},
+	{
+		"id": 30,
+		"title": "UR：Fresh Take On Fashion AI — AiDA",
+		"brief": "UR：Fresh Take on Fashion AI — AiDA Code – Create was honored to visit URBAN REVIVO (UR), kicking off a great dialogue on fashion and AI. Thanks to Invest HK for introducing Code – Create to UR. AiDA, the designer-led AI fashion design solution, amazed everyone. With advanced technology and designers’ ideas, it always brings new inspiration to the design team’s fashion creation process, breaking through traditional design constraints and showing everyone the infinite possibilities of fashion design with AI assistance. As AiDA keeps updating, it will continue to shine in the fashion world, expand its fashion – circle influence,...",
+		"day": "15",
+		"month": "May",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/05/%E5%B0%81%E9%9D%A2-2-300x200.jpg",
+		"aaurl": "https://code-create.com.hk/ur%ef%bc%9afresh-take-on-fashion-ai-aida/"
+	},
+	{
+		"id": 29,
+		"title": "AiDA’s Sustainable Design Innovation At Daegu Preview 2025",
+		"brief": "AiDA’s Sustainable Design Innovation at Daegu Preview 2025 At the 23rd International Textile Fair In PREVIEW IN DAEGU 2025, Korean designer Jae held a sharing session themed “Pursuing ‘zero-waste’ design through AI technology”. He emphasized that the AI design system —AiDA, with its powerful AI technology, is dedicated to optimizing the fashion design process. AiDA can save designers 60% of the time in the design phase and 20% in sampling, effectively reducing resource waste and driving the sustainable evolution of the fashion ecosystem.",
+		"day": "13",
+		"month": "May",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/05/%E5%B0%81%E9%9D%A2-300x200.jpg",
+		"aaurl": "https://code-create.com.hk/aidas-sustainable-design-innovation-at-daegu-preview-2025/"
+	},
+	{
+		"id": 28,
+		"title": "Congratulations To Code-Create For Being Named One Of Hong Kong’s Hottest Startups Of 2025",
+		"brief": "Congratulations to Code-Create for being named one of Hong Kong’s Hottest Startups of 2025 Code-Create has made remarkable progress with its AI-powered design tool AiDA 3.0, which has transformed the fashion design process by offering quick and customizable collections while respecting the originality of artistic creation.. This recognition is a testament to the company’s hard work, innovation, and potential in the fashion industry. Code-Create continue to push boundaries and shape the future of fashion design with its cutting-edge AI technology. https://hongkongbusiness.hk/markets-investing/exclusive/hong-kongs-hottest-startups-2025",
+		"day": "05",
+		"month": "May",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/05/IMG_1749-2-300x200.jpg",
+		"aaurl": "https://code-create.com.hk/congratulations-to-code-create-for-being-named-one-of-hong-kongs-hottest-startups-of-2025/"
+	},
+	{
+		"id": 27,
+		"title": "AiDA Workshop At CBCC",
+		"brief": "AiDA Workshop at CBCC The AiDA workshop sparked great interest among teacher and students, who experienced AI innovation firsthand. As an advanced AI-powered design tool, AiDA offers flexible design adjustments, powerful AIGC functions, and the ability to generate 8 looks in seconds—providing a fresh solution for fashion design. This workshop not only deepened participants’ understanding of AiDA’s design process but also demonstrated the powerful integration of education and AI technology, ushering in a new chapter in smart education.",
+		"day": "29",
+		"month": "Apr",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/%E5%B0%81%E9%9D%A2-3-300x200.jpg",
+		"aaurl": "https://code-create.com.hk/aida-workshop-at-cbcc/"
+	},
+	{
+		"id": 26,
+		"title": "AI-Powered Design Curriculum: Pioneering Creativity In Fashion Education",
+		"brief": "AI-Powered Design Curriculum: Pioneering Creativity in Fashion Education Creative Director of the Korean brand BESFXXK, Jae Hyuk Lim, partnered with Hongik University, Sejong University, and Paichai University to deliver innovative AiDA AI design courses. Through hands-on workshops, students gained practical experience in AI-assisted creation, blending cutting-edge fashion technology with academic learning to inspire innovation among Gen-Z designers. The curriculum covered AI applications in fashion design and explored how the AiDA system enhances design efficiency and creativity. Leveraging his industry expertise and academic background, Lim imparted cutting-edge fashion-tech knowledge, sparking students’ interest in the fusion of fashion and technology.",
+		"day": "20",
+		"month": "Apr",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/IMG_1290-300x169.jpg",
+		"aaurl": "https://code-create.com.hk/ai-powered-design-curriculum-pioneering-creativity-in-fashion-education/"
+	},
+	{
+		"id": 25,
+		"title": "Code-Create X BIFU: Breakthrough In The AI Era",
+		"brief": "Code-Create x BIFU: Breakthrough in the AI Era Fashion brand BIFU, founded by designer Xing Chen, has significantly enhanced its design efficiency and streamlined its creative process through collaboration with Code-Create, leveraging AI design assistant AiDA. By integrating inputs such as mood boards, fabric prints, color palettes, and sketches, AiDA rapidly generates original designs, allowing designers to focus on core creative tasks while maintaining a deep exploration of brand culture and craftsmanship. Since its establishment in 2013, BIFU has drawn inspiration from traditional Chinese culture, combining it with modern design aesthetics to create high-end ready-to-wear and accessories for both men...",
+		"day": "16",
+		"month": "Apr",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/coverpage-213x300.jpg",
+		"aaurl": "https://code-create.com.hk/code-create-x-bifu-breakthrough-in-the-ai-era/"
+	},
+	{
+		"id": 24,
+		"title": "South Korean Brand BESFXXK Leveraged AiDA To Create Its 2025 FW Ready-To-Wear Collection.",
+		"brief": "South Korean brand BESFXXK leveraged AiDA to create its 2025 FW ready-to-wear collection. By optimizing the design process, AiDA significantly improved efficiency, reducing the time required from concept development to final product visualization by 60%. This advancement enables designers to focus more intently on core creative tasks, maximizing their expertise while enhancing the quality of design outcomes. Additionally, it frees up resources to prioritize innovative exploration and deeper creative engagement.",
+		"day": "10",
+		"month": "Apr",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/%E5%B0%81%E9%9D%A2-214x300.jpeg",
+		"aaurl": "https://code-create.com.hk/south-korean-brand-besfxxk-leveraged-aida-to-create-its-2025-fw-ready-to-wear-collection/"
+	},
+	{
+		"id": 23,
+		"title": "AiDA: Accelerating Fashion Design Efficiency By Over 60%",
+		"brief": "AiDA: Accelerating Fashion Design Efficiency by Over 60% Code-Create’s Co-Founder and CEO, Kim Wong, was interviewed by Hong Kong Business, explaining how the AI design assistant is revolutionizing fashion design by merging technology with creativity to enhance designers’ workflow. AiDA helps boost efficiency during design process by integrating over 500,000 sketches and current trends, generating innovative designs from keywords or themes input by designers. Designers maintain creative control through real-time modifications, ensuring their unique vision is preserved. Rather than replacing designers, AiDA empowers them by boosting design efficiency, freeing up 60% of their time for creative work. Code-Create envisions revitalizing...",
+		"day": "08",
+		"month": "Apr",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/WhatsApp-Image-2025-04-08-at-16.38.52_d42c070c-213x300.jpg",
+		"aaurl": "https://code-create.com.hk/aida-accelerating-fashion-design-efficiency-by-over-60/"
+	},
+	{
+		"id": 22,
+		"title": "Ms. Kim Wong Breaks Down How AI Is Reshaping Sustainable Fashion",
+		"brief": "Ms. Kim Wong Breaks Down How AI Is Reshaping Sustainable Fashion Code-Create CEO Ms. Kim was invited to deliver a captivating sharing on “Sustainable Fashion Innovation” to SFT students at The Hong Kong Polytechnic University. Drawing from the core principles of “sustainability” and “innovation,” Kim explored how the integration of technology and design can drive the fashion industry toward greener transformation. She highlighted Code-Create’s AI-powered fashion design tool, AiDA, demonstrating how AI can optimize design processes, minimize resource waste, and unlock the tool’s potential in real-world applications. The class was very interactive, with students actively participating and showing lots of...",
+		"day": "01",
+		"month": "Apr",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/%E5%B0%81%E9%9D%A2-2-300x158.jpg",
+		"aaurl": "https://code-create.com.hk/ms-kim-wong-breaks-down-how-ai-is-reshaping-sustainable-fashion/"
+	},
+	{
+		"id": 21,
+		"title": "The AiDA Workshop Was Successfully Held In Shenzhen",
+		"brief": "The AiDA Workshop was successfully held in Shenzhen The AiDA SZ Workshop attracted a wide range of professionals from the fashion industry. The atmosphere at the event was highly engaging and inspiring. Participants, many of whom were experiencing AiDA for the first time, were extremely excited as they explored its features. Through hands-on experience, they truly felt the immense potential of AI in fashion, as if they had unlocked a whole new world of possibilities. Fashion design tasks that used to be difficult now became easily achievable with AiDA, unlocking new trends in just minutes. AiDA has undoubtedly become the...",
+		"day": "31",
+		"month": "Mar",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/%E5%B0%81%E9%9D%A2-1-300x200.jpg",
+		"aaurl": "https://code-create.com.hk/the-aida-workshop-was-successfully-held-in-shenzhen/"
+	},
+	{
+		"id": 20,
+		"title": "AiDA X SFT Fashion AI Award Successfully Finished",
+		"brief": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/03/0310-video-for-ceremony.mp4 AiDA x SFT Fashion AI Award Successfully Finished In the fast-paced world of fashion, innovation remains the driving force of progress. The recent conclusion of the AiDA x SFT Fashion AI Competition marks a key step in the industry’s digital transformation. The event drew talented students from Hong Kong Polytechnic University SFT students, who skillfully used AiDA throughout their creative process to deliver stunning creations. More than just clothing displays, these works represent the fusion of fashion and AI, pointing to the future of the industry. Award Winners:Grand Prize: Nina WaszakRunners-up: Kock Man Yan, Yuzhi Lai We believe AI-powered...",
+		"day": "12",
+		"month": "Mar",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/03/Image_20250507135632-300x200.jpg",
+		"aaurl": "https://code-create.com.hk/aida-x-sft-fashion-ai-award-successfully-finished/"
+	},
+	{
+		"id": 19,
+		"title": "Feminine Power: Ms. Kim Wong’s Journey In Fashion And AI",
+		"brief": "Feminine Power: Ms. Kim Wong’s Journey in Fashion and AI In a recent interview with the Hong Kong Ta Kung Pao, Ms. Kim shared her views and future expectations on AI fashion. With unique vision and courage, Kim moved from traditional fashion to AI fashion. As co-founder and CEO of Code – Create, she is a key driver of the global fashion ecosystem’s transformation. Ms. Kim specially mentioned AiDA, the world’s first fashion AI solution led by designers’ original inspiration. AiDA enables designers to collaborate with AI to quickly create diverse original designs. It can shorten the design time from...",
+		"day": "07",
+		"month": "Mar",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/03/WhatsApp-Image-2025-03-11-at-16.20.13_44e39cfe-181x300.jpg",
+		"aaurl": "https://code-create.com.hk/feminine-power-ms-kim-wongs-journey-in-fashion-and-ai/"
+	},
+	{
+		"id": 18,
+		"title": "Achieving Excellence In Design Within An Hour",
+		"brief": "Achieving Excellence in Design within an Hour! Students from PolyU School of Fashion and Textiles (SFT) delivered an impressive series of design works at the AiDA Workshop, all within a mere 60 minutes. AiDA has boosted design process efficiency by over 60%, enhancing overall design efficiency across the board. The newly upgraded AiDA has exceeded our expectations. This is more than just a tool upgrade—it represents a paradigm shift in design productivity.",
+		"day": "20",
+		"month": "Feb",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/03/%E5%9C%96%E7%89%87_20250303200046-212x300.jpg",
+		"aaurl": "https://code-create.com.hk/achieving-excellence-in-design-within-an-hour/"
+	},
+	{
+		"id": 17,
+		"title": "Brainstorm With AI",
+		"brief": "Brainstorm with AI！！ Students from Caritas St. Joseph Secondary School in Hong Kong recently embarked on an AI-powered design adventure with the designer-led AI tool “AiDA.” Excitement filled the air as students eagerly engaged with the tool, quickly mastering its functions under guidance. They transformed their imaginative ideas into stunning designs, demonstrating remarkable learning ability and creative potential in the realm of AI.During the event, students experienced the three core strengths of AiDA: creativity, efficiency, and sustainability. AiDA can instantly convert text descriptions into eye-catching designs, and designers can easily edit and adjust styles to optimize their creations. This significantly...",
+		"day": "19",
+		"month": "Feb",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/03/%E5%9C%96%E7%89%87_20250228085345-300x225.jpg",
+		"aaurl": "https://code-create.com.hk/brainstorm-with-ai/"
+	},
+	{
+		"id": 16,
+		"title": "CEO Of Code-Create Kim Wong’s Inspiring Talk At Henrietta Secondary School",
+		"brief": "CEO of Code-Create Kim Wong’s Inspiring Talk at Henrietta Secondary School — You can chase your dreams at any age! At Henrietta Secondary School, Code-Create’s CEO, Ms. Kim Wong brought a truly enriching sharing session to the students. She opened up to the students, presenting her extraordinary life story. From the initial sprouting of dreams to now standing at the forefront of fashion and technology, her journey unfolds like an inspiring movie, moving every student present.  One of the highlights of Ms. Kim Wong’s talk was AiDA, the world’s first designer-led AI design tool. The tool’s straightforward design process and...",
+		"day": "06",
+		"month": "Jan",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/01/%E6%92%A0%EE%BC%BF%EE%B2%84-300x200.jpg",
+		"aaurl": "https://code-create.com.hk/ceo-of-code-create-kim-wongs-inspiring-talk-at-henrietta-secondary-school/"
+	},
+	{
+		"id": 15,
+		"title": "Announcing The Finalists For AiDA Fashion AI Award",
+		"brief": "Announcing the Finalists for AiDA Fashion AI Award! We are thrilled to announce the top 10 finalists!!! These talented individuals have showcased exceptional creativity and innovation in fashion design and will use AiDA to create their collections. Here are the finalists: Yuzhi Lai Yan Chi Kwan, Jimmy Cheung Tsz Ching, Bobo Nina Waszak WOO SIN YU, Lia Yiu Ching Yau, Emma YAU KA HEI Xu Lulu Kock Man Yan XIEYAUKIT Congratulations to all the finalists! We look forward to an exciting competition and wish each of finalists the best of luck!",
+		"day": "30",
+		"month": "Dec",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/12/finalists-225x300.jpg",
+		"aaurl": "https://code-create.com.hk/announcing-the-finalists-for-aida-fashion-ai-award/"
+	},
+	{
+		"id": 14,
+		"title": "【2024 FABI KOREA Conference】：Revolutionizing Fashion Design With AiDA",
+		"brief": "【2024 FABI KOREA Conference】：Revolutionizing Fashion Design with AiDA At the 2024 FABI Conference, AiDA, an AI solution for fashion design, was the star of the show. Kim Wong, CEO of Code-Create, delivered a powerful presentation highlighted AiDA’s transformative impact on the fashion industry.  The enthusiastic reception at the conference confirmed AiDA’s popularity and its pivotal role in the future of fashion, where AI meets creativity to redefine the industry’s standards. The 2024 FABI Conference was more than just an event, it was a platform for showcasing the future of fashion. AiDA’s presence there was a clear indication of the direction the...",
+		"day": "07",
+		"month": "Dec",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/12/%E5%B0%81%E9%9D%A2-300x225.jpg",
+		"aaurl": "https://code-create.com.hk/revolutionizing-fashion-design-with-aida/"
+	},
+	{
+		"id": 13,
+		"title": "Code-Create’s CEO Kim Wong Honored With Best Paper Award At 2024 International Fashion Conference",
+		"brief": "Code-Create’s CEO Kim Wong Honored with Best Paper Award at 2024 International Fashion Conference We are thrilled to celebrate the CEO of Code-Create, Kim Wong’s outstanding achievement at the 2024 International Conference hosted by the Korean Society of Fashion Business! Kim was honored with the Best Paper Award for her compelling presentation, “Revitalize Fashion Ecosystem through AI – Future of fashion design process.” This presentation showcased the transformative power of AiDA, Code-Create’s designer-led AI tool, which is redefining the fashion design process by providing a platform that understands and enhances the creative vision of its users.  This recognition is a...",
+		"day": "07",
+		"month": "Dec",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/12/IMG_8903-300x225.jpg",
+		"aaurl": "https://code-create.com.hk/code-creates-ceo-kim-wong-honored-with-best-paper-award-at-2024-international-fashion-conference/"
+	},
+	{
+		"id": 12,
+		"title": "Hanyang University Meets AiDA",
+		"brief": "Hanyang University Meets AiDA: A Fusion of Creativity and Technology During this workshop, we led the faculty and students of Hanyang University on an exploration of the mysteries of AI, experiencing the interaction with the design assistant AiDA. Everyone were truly amazed by AiDA’s unexpected creativity and the dynamic interactions it facilitated. The students’ works revealed new trends in the fashion world.  We look forward to more exchanges and cooperation with Hanyang University in the future. Let’s all anticipate our next gathering!",
+		"day": "28",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/12/%E6%92%A0%EE%BC%BF%EE%B2%84-300x200.jpg",
+		"aaurl": "https://code-create.com.hk/hanyang-university-meets-aida/"
+	},
+	{
+		"id": 11,
+		"title": "AiDA Workshop",
+		"brief": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/11/AiDA-X-RCA-workshop-1.mov Despite the typhoon, our enthusiasm couldn’t be dampened! The event was a massive success, filled with engagement, interaction, and valuable insights! Deep appreciation goes to the distinguished speakers and coaches:Prof. Calvin Wong, CEO of AiDLab & Co-founder of Code-Create — Hong KongZowie and Anne from the Royal College of Art — UKJae from BESFXXK — South KoreaWillis from Zavvyave — Hong KongKitty, Aemika from SFT, PolyU — Hong Kong These experts shared their remarkable AiDA experiences and coached attendees through their AiDA journey! Fashion design instructors and students from SFT, DI, and Youth College were amazed by AiDA’s cutting-edge...",
+		"day": "19",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/11/%E6%92%A0%EE%BC%BF%EE%B2%84-300x201.jpg",
+		"aaurl": "https://code-create.com.hk/aida-workshop/"
+	},
+	{
+		"id": 10,
+		"title": "AiDA X SFT AI Fashion Award 2024",
+		"brief": "AiDA X SFT AI Fashion Award 2024 With the aim of inspiring students to innovate in fashion design using AI, Code-Create and The Hong Kong Polytechnic University School of Fashion and Textiles (SFT) have jointly launched the ‘AiDA X SFT AI Fashion Award 2024’. This competition provides students with valuable practical AiDA experience, laying the foundation for the future fashion design industry and positioning them as pioneers in AI fashion.The competition is open to all SFT students, with the winners having the chance to win cash prizes (up to 20,000 HKD), internship opportunity at BESFXXK (will work with the renowned...",
+		"day": "19",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/11/3611731651515_.pic_hd-225x300.png",
+		"aaurl": "https://code-create.com.hk/fashionaward2024/"
+	},
+	{
+		"id": 9,
+		"title": "CentreStage 2024",
+		"brief": "At CentreStage, AiDA has captured the attention of many professionals from the fashion industry...",
+		"day": "03",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/09/CentreStage-2024-300x200.jpg",
+		"aaurl": "https://code-create.com.hk/centrestage-2024/"
+	},
+	{
+		"id": 8,
+		"title": "Press Conference: Code-Create Secures Investment From Eschange Capital",
+		"brief": "The innovative AI fashion design platform AiDA, is leading the fashion industry into a new phase of digital transformation. Code-Create announced yesterday that it has secured strategic ...",
+		"day": "02",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/09/Code-Create-Secures-Investment-from-Eschange-Capital-300x200.jpg",
+		"aaurl": "https://code-create.com.hk/code-create-secures-investment-from-eschange-capital/"
+	},
+	{
+		"id": 7,
+		"title": "“Hong Kong China Night” In Paris",
+		"brief": "In Paris, the \"Culture X AI 2024-2025\" event was meticulously planned by the Laboratory for Artificial Intelligence in Design(AiDLab)...",
+		"day": "06",
+		"month": "Aug",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/09/Hong-Kong-China-Night-in-Paris-300x200.jpg",
+		"aaurl": "https://code-create.com.hk/hong-kong-china-night-in-paris/"
+	},
+	{
+		"id": 6,
+		"title": "Culture X Al 2024-2025: Culture And Future Mode",
+		"brief": "Culture X Al: Kan Tai Keung X AiDLab X HK Fashion Designers Show is finally here...",
+		"day": "17",
+		"month": "Jul",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/09/Culture-and-Future-Mode-300x200.jpg",
+		"aaurl": "https://code-create.com.hk/culture-x-al-2024-2025-culture-and-future-mode/"
+	},
+	{
+		"id": 5,
+		"title": "Fashion X AI 2022-2023: International Symposium",
+		"brief": "This international symposium will bring together the world's leading...",
+		"day": "17",
+		"month": "Feb",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/01/fahsionai_thumb_international_symposium-300x150.jpg",
+		"aaurl": "https://code-create.com.hk/fashion-x-ai-2022-2023-international-symposium/"
+	},
+	{
+		"id": 4,
+		"title": "Fashion X AI 2022-2023: Touring Exhibitions",
+		"brief": "The upcoming touring exhibitions feature a series of the latest...",
+		"day": "13",
+		"month": "Feb",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/01/fahsionai_thumb_touring_exhibitions-300x150.jpg",
+		"aaurl": "https://code-create.com.hk/fashion-x-ai-2022-2023-touring-exhibitions/"
+	},
+	{
+		"id": 3,
+		"title": "International Seminar On “AI In Fashion Marketing Research”",
+		"brief": "Technology is playing an important role in the design...",
+		"day": "18",
+		"month": "Jan",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/01/international_seminar_banner-300x210.jpg",
+		"aaurl": "https://code-create.com.hk/international-seminar-on-ai-in-fashion-marketing-research/"
+	},
+	{
+		"id": 2,
+		"title": "Fashion X AI 2022-2023: Fashion Show & Forum",
+		"brief": "AiDLab is honoured to hold the region’s first programme...",
+		"day": "19",
+		"month": "Dec",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2021/12/fashionai_thumb_fashion_show-300x150.jpg",
+		"aaurl": "https://code-create.com.hk/fashion-x-ai-2022-2023-international-salon/"
+	},
+	{
+		"id": 1,
+		"title": "CENTRESTAGE",
+		"brief": "Code Create has joint a seminar at CENTRESTAGE with AiDLab...",
+		"day": "20",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/centrestage_cover-1-300x150.jpg",
+		"aaurl": "https://code-create.com.hk/centrestage/"
+	}
+]
--- a/src/pages/events/list-zh-cn.js
+++ b/src/pages/events/list-zh-cn.js
@@ -0,0 +1,466 @@
+export default [
+	{
+		"id": 58,
+		"title": "很荣幸成为 阿里巴巴 JUMPSTARTER 2026 Top 30｜Code-Create",
+		"brief": "很荣幸成为 阿里巴巴 JU...",
+		"day": "30",
+		"month": "1 月",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/01/Jumpstarter-horizontal-300x169.jpg",
+	},
+	{
+		"id": 57,
+		"title": "匠心精神，开启传统与科技时尚的新可能",
+		"brief": "匠心精神，开启传统与科技时...",
+		"day": "09",
+		"month": "2 月",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/02/%E5%BE%AE%E4%BF%A1%E5%9C%96%E7%89%87_2026-02-02_121646_493-300x225.jpg",
+	},
+	{
+		"id": 56,
+		"title": "等等，AiDA 还能用来做时装周的陈列设计？",
+		"brief": "等等，AiDA 还能用来做...",
+		"day": "04",
+		"month": "3 月",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/03/IMG_4901-300x200.jpg",
+	},
+	{
+		"id": 55,
+		"title": "Code-Create 荣获阿里巴巴JUMPSTARTER 2026人气Top5",
+		"brief": "Code-Create V...",
+		"day": "20",
+		"month": "3 月",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/03/Code-Create-Limited-300x201.jpg",
+	},
+	{
+		"id": 54,
+		"title": "2026 — 您的全球设计舞台",
+		"brief": "2026 — 您的全球设计...",
+		"day": "22",
+		"month": "4 月",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/04/award_qrcode_en-240x300.gif",
+	},
+	{
+		"id": 53,
+		"title": "AiDA上凤凰卫视了！花絮放送🎉",
+		"brief": "AiDA上凤凰卫视了！花絮...",
+		"day": "11",
+		"month": "5 月",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/05/45e19bf9012eac5071ace52896e4f53f-300x166.png",
+	},
+	{
+		"id": 52,
+		"title": "Across Disciplines · Across Borders｜AiDA Makes Design Accessible To All",
+		"brief": "Across Disciplines · Across Borders｜AiDA Makes Design Accessible to All   During a...",
+		"day": "28",
+		"month": "Jan",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/01/IMG_4524-300x225.jpeg",
+	},
+	{
+		"id": 51,
+		"title": "Stepping Into PolyU, Connecting The Future",
+		"brief": "Stepping into PolyU, Connecting the Future At Code-Create, we’ve always believed that education...",
+		"day": "28",
+		"month": "Jan",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/01/IMG_7777-300x200.jpg",
+	},
+	{
+		"id": 50,
+		"title": "AiDA Empowering Fashion Design Education At HK SFU",
+		"brief": "AiDA Empowering Fashion Design Education at HK SFU The Code-Create team recently visited...",
+		"day": "28",
+		"month": "Jan",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/01/IMG_2710-300x225.jpeg",
+	},
+	{
+		"id": 49,
+		"title": "Where Fashion Leaders Meet | FAHK 2025",
+		"brief": "Where Fashion Leaders Meet | FAHK 2025 At Fashion Asia Hong Kong 2025,...",
+		"day": "18",
+		"month": "Dec",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/12/IMG_8466-300x225.jpeg",
+	},
+	{
+		"id": 48,
+		"title": "AiDA × Hanyang University｜A Deep Dive Into AI-Driven Fashion Design",
+		"brief": "AiDA × Hanyang University｜A Deep Dive into AI-Driven Fashion Design PhD students from...",
+		"day": "01",
+		"month": "Dec",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/12/IMG_8320-1-300x225.jpeg",
+	},
+	{
+		"id": 47,
+		"title": "Korea’s Chonnam National University Is Using AiDA!",
+		"brief": "Korea’s Chonnam National University Is Using AiDA! Students and faculty from Chonnam National...",
+		"day": "21",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/11/IMG_7909-scaled-e1763695571462-300x188.jpeg",
+	},
+	{
+		"id": 46,
+		"title": "When AI Meets Love | Fashion Knows No Age",
+		"brief": "When AI Meets Love | Fashion Knows No Age Code-Create and Caritas St. Joseph Secondary School joined hands to bring creativity into the community through AiDA. Students used AI to design personalized outfits for the elderly — each piece filled with warmth and heartfelt care. From classroom to runway, from inspiration to action, AI is more than a tool of innovation — it’s a force that connects people. ‘The future of the future’ is being redefined by these young designers.",
+		"day": "19",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/11/IMG_5366-300x225.jpeg",
+	},
+	{
+		"id": 45,
+		"title": "Creator Shares AiDA Design Insights At University Lecture",
+		"brief": "Creator Shares AiDA Design Insights at University Lecture At Kyung Hee University’s ‘AI AnD Talk 2025’ in Korea, designer Jae shared his unique experience using AiDA in fashion creation. He demonstrated how AiDA helps break creative boundaries, enabling a more open dialogue between technology and fashion. The talk not only offered cutting-edge insights into AI-driven fashion but also inspired students to reimagine the future of design education and creative practice.",
+		"day": "19",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/11/day01_0846-300x200.jpg",
+	},
+	{
+		"id": 44,
+		"title": "Temasek Polytechnic Visits The Birthplace Of AiDA",
+		"brief": "Temasek Polytechnic Visits the Birthplace of AiDA A delegation of students and faculty from Temasek Polytechnic, Singapore visited AiDLab, the research and development hub behind AiDA. During the visit, guests experienced the newly upgraded AiDA 3.1, along with several of AiDLab’s cutting-edge innovations — including 3D body scanning, digital human generation, and intelligent textile research, exploring how AI technology is reshaping the future of fashion design. 💡 To conclude the visit, Ms. Kim Wong, Founder of Code-Create, shared insights on AiDA’s vision and future direction, inspiring engaging discussions among students and faculty. Looking ahead, we aim to collaborate with more...",
+		"day": "19",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/11/IMG_0154-300x225.jpeg",
+	},
+	{
+		"id": 43,
+		"title": "AiDA Powers Cultural AI Exhibition In Hong Kong! ",
+		"brief": "AiDA Powers Cultural AI Exhibition in Hong Kong! After nearly six months of collaboration, the Cultural AI project — powered by AiDA, our AI fashion design platform — has officially come to life in Hong Kong! In partnership with Temasek Polytechnic (Singapore), Hong Kong designers Elmer Ho and Liz Mak, and PhD researchers Zhu Jia Yu and Zhu Shu Min from PolyU, students explored how AiDA can transform cultural motifs into innovative fashion concepts and tangible designs. A big thank-you to everyone who joined the opening ceremony and to all our partners who made this milestone possible. Come visit the...",
+		"day": "19",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/11/IMG_4112-300x225.jpeg",
+	},
+	{
+		"id": 42,
+		"title": "KIFT Talk | Co-Creating Fashion With AiDA",
+		"brief": "KIFT Talk | Co-Creating Fashion with AiDA At the Korea International Fashion Tech (KIFT) event, Korean designer Jae shared insights on the collaboration between BESFXXK and AiDA.He showcased how multiple BESFXXK collections were created with the support of AiDA, using the AI assistant to quickly transform inspiration into innovative and diverse designs.The talk highlighted the boundless potential of AI and designers co-creating, offering a glimpse into the future of fashion design.",
+		"day": "30",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/cover-3-300x225.jpg",
+	},
+	{
+		"id": 41,
+		"title": "AiDA In The Classroom｜Global Designer Shares AI × Fashion In Practice",
+		"brief": "AiDA in the Classroom｜Global Designer Shares AI × Fashion in Practice A special moment from Kyung Hee University in Korea Designer Jae (Creative Director of BESFXXK) introduced AiDA and its R&D team, AiDLab, while sharing Code-Create’s vision for the integration of AI and the fashion ecosystem, as well as the applications of AI in fashion design. Through real case studies, he demonstrated how moodboards, prints, sketches, and final renderings can come together seamlessly, giving students a firsthand look at how AI enhances creativity.It’s inspiring to see the next generation of designers engaging with AI × fashion, opening new possibilities for the future...",
+		"day": "26",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/Cover-300x225.jpg",
+	},
+	{
+		"id": 40,
+		"title": "AiDA | Cultural Motifs × AI Fashion Experiment",
+		"brief": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/250916-promotional-video.mp4 AiDA | Cultural Motifs × AI Fashion Experiment AiDA has teamed up with Singapore’s Temasek Polytechnic to launch a fashion project inspired by cultural motifs. Led by two experienced Hong Kong designers and PhD researchers from PolyU, students are guided to use the AiDA to transform cross-cultural elements into complete fashion collections.Through discussion and creation, AiDA makes ideas come to life faster and design more intuitively and efficiently. We can’t wait to see how young designers showcase global perspectives and cultural creativity with the power of AI! ",
+		"day": "23",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/promotional-video-cover-300x169.jpg",
+	},
+	{
+		"id": 39,
+		"title": "From Sketch To Garment｜Made Possible With AiDA",
+		"brief": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/英-Intertextile-SH.mov From Sketch to Garment｜Made Possible with AiDA Designs generated with AiDA 3.1 have now been transformed into real garments. The future of fashion is right before your eyes. ",
+		"day": "16",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/Video-cover-225x300.jpeg",
+	},
+	{
+		"id": 38,
+		"title": "AiDA 3.1 At Intertextile Shanghai｜Upgraded Experience On-Site",
+		"brief": "AiDA 3.1 at Intertextile Shanghai｜Upgraded Experience On-Site Code-Create proudly presented the newly upgraded AiDA 3.1 at Intertextile Shanghai! ✨📍 At our booth, AiDA attracted an overwhelming response — with designers, students, and industry professionals eager to experience the platform first-hand.Visitors explored the complete design workflow, from moodboards and prints to sketches and final product renderings, while discovering the exciting new features of AiDA 3.1:✨ Sharper, higher-resolution outputs✨ Canvas workspace & Advanced Tools✨ Transform design drafts into lifelike model photos with adjustable poses✨ New product video generation, making designs more dynamic and immersiveAiDA 3.1 not only speeds up the design process...",
+		"day": "09",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/cover-1-300x225.jpg",
+	},
+	{
+		"id": 37,
+		"title": "Live From Seoul | AiDA Booth Is Buzzing!",
+		"brief": "Live from Seoul | AiDA Booth is Buzzing! A quick share from Korea COEX, Seoul –This time, Code-Create brought our AI fashion design platform AiDA to Korea, and the booth was packed with excitement! Designers, students, and industry friends all came to explore AiDA, and we also showcased real garments created with AiDA designs. Everyone’s big question: Can AI really help designers bring ideas to life faster?The answer is yes!AiDA works seamlessly with a designer’s creative flow—from moodboards to prints, sketches, and final renderings—step by step through the whole process. And the physical outfits on display were the best proof: AI-driven creativity...",
+		"day": "21",
+		"month": "Aug",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/08/WhatsApp-Image-2025-08-20-at-15.21.45-225x300.jpeg",
+	},
+	{
+		"id": 36,
+		"title": "Preview In Seoul 2025",
+		"brief": "Preview in Seoul 2025 Code-Create is heading to Seoul!  We’re excited to join Preview in Seoul 2025 next week, bringing AiDA — our AI-powered fashion design platform — to Korea for the very first time. Come visit our booth and see how AiDA supports designers from concept to creation, and how AI is shaping the future of fashion.  On 21 Aug, Code-Create founder & CEO Kim Wong, AiDLab’s Prof. Calvin Wong and BESFXXK Creative Director Jae Lim in a special session discussing how human creativity and AI can work together to elevate the fashion industry. And don’t miss our pitching...",
+		"day": "15",
+		"month": "Aug",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/08/poster-213x300.jpeg",
+	},
+	{
+		"id": 35,
+		"title": "Code-Create X YaleWomen Hong Kong | AI × Fashion × Design",
+		"brief": "Code-Create x YaleWomen Hong Kong | AI × Fashion × Design On 30 July 2025, Code-Create Co-Founder & CEO Kim Wong was invited by YaleWomen Hong Kong to share her insights on the evolving intersection of fashion, AI, and entrepreneurship. Drawing on her extensive leadership experience at global fashion houses—including DFS USA, Lane Crawford, Burberry Asia, Brunello Cucinelli, and Versace Asia Pacific—Kim spoke about her journey from the fashion C-suite to academia, and now to the world of start-ups. She introduced AiDA 3.0, Code-Create’s AI-powered interactive design assistant, developed by AiDLab in collaboration with The Hong Kong Polytechnic University and...",
+		"day": "30",
+		"month": "Jul",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/08/WhatsApp-%E5%9C%96%E7%89%872025-08-0511.57.53_77f970a9-300x261.jpg",
+	},
+	{
+		"id": 34,
+		"title": "When AI Becomes Your Creative Partner: AiDA With Creators Worldwide",
+		"brief": "When AI Becomes Your Creative Partner: AiDA with Creators Worldwide We are honored to support the 2025 SHE IS AI Fashion Awards as a proud partner—an international design competition centered on AI, fashion, and sustainable innovation.This prestigious event brings together designers and creatives from around the globe to explore AI as a “creative collaborator” across all stages of fashion design. Our AI platform, AiDA, serves as one of the key design tools, providing technical support to inspire and facilitate participants’ design development.From digital concepts to garment launches, and from virtual runways to global retail, every step of the design process...",
+		"day": "27",
+		"month": "Jun",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/06/WhatsApp-Image-2025-06-24-at-10.14.51_e49379ab-300x169.jpg",
+	},
+	{
+		"id": 33,
+		"title": "AiDA Makes A Splash At The Korean Society Of Fashion Design",
+		"brief": "AiDA Makes a Splash at The Korean Society of Fashion Design At The Korean Society of Fashion Design, designer Jae introduced AiDA, an innovative design AI tool, to the audience. Jae detailed how AiDA leverages cutting-edge technology to boost design efficiency, saving designers time and allowing them to focus on creativity. Participants were impressed by AiDA’s ability to provide unlimited creative inspiration. They believe it not only stimulates fresh design concepts but also assists designers in transcending conventional design boundaries to discover new possibilities. AiDA’s powerful functions and potential excited everyone present and sparked intense discussion. AiDA is set to...",
+		"day": "25",
+		"month": "Jun",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/06/%E5%B0%81%E9%9D%A2-2-300x200.jpg",
+	},
+	{
+		"id": 32,
+		"title": "Intertextile 2025 Review | A Real Dialogue Between AI And Design",
+		"brief": "A meaningful dialogue about AI and design inspiration unfolded at Shenzhen Convention Center, where AiDA connected with designers and brand founders from across China. What we shared:🔹 The complete AI workflow – from fabric selection to pattern generation🔹 How AI tools deliver both efficiency gains and creative stimulation Though the exhibition has ended, the conversation about design’s future continues. We extend our gratitude to:✓ Those who exchanged business cards with us✓ Everyone who waited in line to experience AiDA✓ Even those who simply glanced at our booth The story doesn’t end here.Explore more real-world AiDA case studies on our page...",
+		"day": "11",
+		"month": "Jun",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/06/%E5%B0%81%E9%9D%A2-300x200.jpg",
+	},
+	{
+		"id": 31,
+		"title": "Fashion Industry Hot Topic: Digital Innovation And AI Empowered Fashion",
+		"brief": "Fashion Industry Hot Topic: Digital Innovation and AI Empowered Fashion Kim Wong, CEO of Code – Create, was recently invited to the “Digital Innovation Workshop”. During her presentation, Ms. Kim Wong introduced AiDA, an AI – powered design tool that is designer – led. She elaborated on how fashion businesses can harness this innovative technology to drive innovation. With its cutting – edge features, AiDA offers the fashion industry a more efficient and precise solution, enabling brands to stand out in the fiercely competitive market. In the roundtable discussion on “Avoiding Pitfalls in AI Implementation for the Consumer Goods Industry,”...",
+		"day": "17",
+		"month": "May",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/05/%E5%B0%81%E9%9D%A2-3-300x200.jpg",
+	},
+	{
+		"id": 30,
+		"title": "UR：Fresh Take On Fashion AI — AiDA",
+		"brief": "UR：Fresh Take on Fashion AI — AiDA Code – Create was honored to visit URBAN REVIVO (UR), kicking off a great dialogue on fashion and AI. Thanks to Invest HK for introducing Code – Create to UR. AiDA, the designer-led AI fashion design solution, amazed everyone. With advanced technology and designers’ ideas, it always brings new inspiration to the design team’s fashion creation process, breaking through traditional design constraints and showing everyone the infinite possibilities of fashion design with AI assistance. As AiDA keeps updating, it will continue to shine in the fashion world, expand its fashion – circle influence,...",
+		"day": "15",
+		"month": "May",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/05/%E5%B0%81%E9%9D%A2-2-300x200.jpg",
+	},
+	{
+		"id": 29,
+		"title": "AiDA’s Sustainable Design Innovation At Daegu Preview 2025",
+		"brief": "AiDA’s Sustainable Design Innovation at Daegu Preview 2025 At the 23rd International Textile Fair In PREVIEW IN DAEGU 2025, Korean designer Jae held a sharing session themed “Pursuing ‘zero-waste’ design through AI technology”. He emphasized that the AI design system —AiDA, with its powerful AI technology, is dedicated to optimizing the fashion design process. AiDA can save designers 60% of the time in the design phase and 20% in sampling, effectively reducing resource waste and driving the sustainable evolution of the fashion ecosystem.",
+		"day": "13",
+		"month": "May",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/05/%E5%B0%81%E9%9D%A2-300x200.jpg",
+	},
+	{
+		"id": 28,
+		"title": "Congratulations To Code-Create For Being Named One Of Hong Kong’s Hottest Startups Of 2025",
+		"brief": "Congratulations to Code-Create for being named one of Hong Kong’s Hottest Startups of 2025 Code-Create has made remarkable progress with its AI-powered design tool AiDA 3.0, which has transformed the fashion design process by offering quick and customizable collections while respecting the originality of artistic creation.. This recognition is a testament to the company’s hard work, innovation, and potential in the fashion industry. Code-Create continue to push boundaries and shape the future of fashion design with its cutting-edge AI technology. https://hongkongbusiness.hk/markets-investing/exclusive/hong-kongs-hottest-startups-2025",
+		"day": "05",
+		"month": "May",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/05/IMG_1749-2-300x200.jpg",
+	},
+	{
+		"id": 27,
+		"title": "AiDA Workshop At CBCC",
+		"brief": "AiDA Workshop at CBCC The AiDA workshop sparked great interest among teacher and students, who experienced AI innovation firsthand. As an advanced AI-powered design tool, AiDA offers flexible design adjustments, powerful AIGC functions, and the ability to generate 8 looks in seconds—providing a fresh solution for fashion design. This workshop not only deepened participants’ understanding of AiDA’s design process but also demonstrated the powerful integration of education and AI technology, ushering in a new chapter in smart education.",
+		"day": "29",
+		"month": "Apr",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/%E5%B0%81%E9%9D%A2-3-300x200.jpg",
+	},
+	{
+		"id": 26,
+		"title": "AI-Powered Design Curriculum: Pioneering Creativity In Fashion Education",
+		"brief": "AI-Powered Design Curriculum: Pioneering Creativity in Fashion Education Creative Director of the Korean brand BESFXXK, Jae Hyuk Lim, partnered with Hongik University, Sejong University, and Paichai University to deliver innovative AiDA AI design courses. Through hands-on workshops, students gained practical experience in AI-assisted creation, blending cutting-edge fashion technology with academic learning to inspire innovation among Gen-Z designers. The curriculum covered AI applications in fashion design and explored how the AiDA system enhances design efficiency and creativity. Leveraging his industry expertise and academic background, Lim imparted cutting-edge fashion-tech knowledge, sparking students’ interest in the fusion of fashion and technology.",
+		"day": "20",
+		"month": "Apr",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/IMG_1290-300x169.jpg",
+	},
+	{
+		"id": 25,
+		"title": "Code-Create X BIFU: Breakthrough In The AI Era",
+		"brief": "Code-Create x BIFU: Breakthrough in the AI Era Fashion brand BIFU, founded by designer Xing Chen, has significantly enhanced its design efficiency and streamlined its creative process through collaboration with Code-Create, leveraging AI design assistant AiDA. By integrating inputs such as mood boards, fabric prints, color palettes, and sketches, AiDA rapidly generates original designs, allowing designers to focus on core creative tasks while maintaining a deep exploration of brand culture and craftsmanship. Since its establishment in 2013, BIFU has drawn inspiration from traditional Chinese culture, combining it with modern design aesthetics to create high-end ready-to-wear and accessories for both men...",
+		"day": "16",
+		"month": "Apr",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/coverpage-213x300.jpg",
+	},
+	{
+		"id": 24,
+		"title": "South Korean Brand BESFXXK Leveraged AiDA To Create Its 2025 FW Ready-To-Wear Collection.",
+		"brief": "South Korean brand BESFXXK leveraged AiDA to create its 2025 FW ready-to-wear collection. By optimizing the design process, AiDA significantly improved efficiency, reducing the time required from concept development to final product visualization by 60%. This advancement enables designers to focus more intently on core creative tasks, maximizing their expertise while enhancing the quality of design outcomes. Additionally, it frees up resources to prioritize innovative exploration and deeper creative engagement.",
+		"day": "10",
+		"month": "Apr",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/%E5%B0%81%E9%9D%A2-214x300.jpeg",
+	},
+	{
+		"id": 23,
+		"title": "AiDA: Accelerating Fashion Design Efficiency By Over 60%",
+		"brief": "AiDA: Accelerating Fashion Design Efficiency by Over 60% Code-Create’s Co-Founder and CEO, Kim Wong, was interviewed by Hong Kong Business, explaining how the AI design assistant is revolutionizing fashion design by merging technology with creativity to enhance designers’ workflow. AiDA helps boost efficiency during design process by integrating over 500,000 sketches and current trends, generating innovative designs from keywords or themes input by designers. Designers maintain creative control through real-time modifications, ensuring their unique vision is preserved. Rather than replacing designers, AiDA empowers them by boosting design efficiency, freeing up 60% of their time for creative work. Code-Create envisions revitalizing...",
+		"day": "08",
+		"month": "Apr",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/WhatsApp-Image-2025-04-08-at-16.38.52_d42c070c-213x300.jpg",
+	},
+	{
+		"id": 22,
+		"title": "Ms. Kim Wong Breaks Down How AI Is Reshaping Sustainable Fashion",
+		"brief": "Ms. Kim Wong Breaks Down How AI Is Reshaping Sustainable Fashion Code-Create CEO Ms. Kim was invited to deliver a captivating sharing on “Sustainable Fashion Innovation” to SFT students at The Hong Kong Polytechnic University. Drawing from the core principles of “sustainability” and “innovation,” Kim explored how the integration of technology and design can drive the fashion industry toward greener transformation. She highlighted Code-Create’s AI-powered fashion design tool, AiDA, demonstrating how AI can optimize design processes, minimize resource waste, and unlock the tool’s potential in real-world applications. The class was very interactive, with students actively participating and showing lots of...",
+		"day": "01",
+		"month": "Apr",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/%E5%B0%81%E9%9D%A2-2-300x158.jpg",
+	},
+	{
+		"id": 21,
+		"title": "The AiDA Workshop Was Successfully Held In Shenzhen",
+		"brief": "The AiDA Workshop was successfully held in Shenzhen The AiDA SZ Workshop attracted a wide range of professionals from the fashion industry. The atmosphere at the event was highly engaging and inspiring. Participants, many of whom were experiencing AiDA for the first time, were extremely excited as they explored its features. Through hands-on experience, they truly felt the immense potential of AI in fashion, as if they had unlocked a whole new world of possibilities. Fashion design tasks that used to be difficult now became easily achievable with AiDA, unlocking new trends in just minutes. AiDA has undoubtedly become the...",
+		"day": "31",
+		"month": "Mar",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/%E5%B0%81%E9%9D%A2-1-300x200.jpg",
+	},
+	{
+		"id": 20,
+		"title": "AiDA X SFT Fashion AI Award Successfully Finished",
+		"brief": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/03/0310-video-for-ceremony.mp4 AiDA x SFT Fashion AI Award Successfully Finished In the fast-paced world of fashion, innovation remains the driving force of progress. The recent conclusion of the AiDA x SFT Fashion AI Competition marks a key step in the industry’s digital transformation. The event drew talented students from Hong Kong Polytechnic University SFT students, who skillfully used AiDA throughout their creative process to deliver stunning creations. More than just clothing displays, these works represent the fusion of fashion and AI, pointing to the future of the industry. Award Winners:Grand Prize: Nina WaszakRunners-up: Kock Man Yan, Yuzhi Lai We believe AI-powered...",
+		"day": "12",
+		"month": "Mar",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/03/Image_20250507135632-300x200.jpg",
+	},
+	{
+		"id": 19,
+		"title": "Feminine Power: Ms. Kim Wong’s Journey In Fashion And AI",
+		"brief": "Feminine Power: Ms. Kim Wong’s Journey in Fashion and AI In a recent interview with the Hong Kong Ta Kung Pao, Ms. Kim shared her views and future expectations on AI fashion. With unique vision and courage, Kim moved from traditional fashion to AI fashion. As co-founder and CEO of Code – Create, she is a key driver of the global fashion ecosystem’s transformation. Ms. Kim specially mentioned AiDA, the world’s first fashion AI solution led by designers’ original inspiration. AiDA enables designers to collaborate with AI to quickly create diverse original designs. It can shorten the design time from...",
+		"day": "07",
+		"month": "Mar",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/03/WhatsApp-Image-2025-03-11-at-16.20.13_44e39cfe-181x300.jpg",
+	},
+	{
+		"id": 18,
+		"title": "Achieving Excellence In Design Within An Hour",
+		"brief": "Achieving Excellence in Design within an Hour! Students from PolyU School of Fashion and Textiles (SFT) delivered an impressive series of design works at the AiDA Workshop, all within a mere 60 minutes. AiDA has boosted design process efficiency by over 60%, enhancing overall design efficiency across the board. The newly upgraded AiDA has exceeded our expectations. This is more than just a tool upgrade—it represents a paradigm shift in design productivity.",
+		"day": "20",
+		"month": "Feb",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/03/%E5%9C%96%E7%89%87_20250303200046-212x300.jpg",
+	},
+	{
+		"id": 17,
+		"title": "Brainstorm With AI",
+		"brief": "Brainstorm with AI！！ Students from Caritas St. Joseph Secondary School in Hong Kong recently embarked on an AI-powered design adventure with the designer-led AI tool “AiDA.” Excitement filled the air as students eagerly engaged with the tool, quickly mastering its functions under guidance. They transformed their imaginative ideas into stunning designs, demonstrating remarkable learning ability and creative potential in the realm of AI.During the event, students experienced the three core strengths of AiDA: creativity, efficiency, and sustainability. AiDA can instantly convert text descriptions into eye-catching designs, and designers can easily edit and adjust styles to optimize their creations. This significantly...",
+		"day": "19",
+		"month": "Feb",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/03/%E5%9C%96%E7%89%87_20250228085345-300x225.jpg",
+	},
+	{
+		"id": 16,
+		"title": "CEO Of Code-Create Kim Wong’s Inspiring Talk At Henrietta Secondary School",
+		"brief": "CEO of Code-Create Kim Wong’s Inspiring Talk at Henrietta Secondary School — You can chase your dreams at any age! At Henrietta Secondary School, Code-Create’s CEO, Ms. Kim Wong brought a truly enriching sharing session to the students. She opened up to the students, presenting her extraordinary life story. From the initial sprouting of dreams to now standing at the forefront of fashion and technology, her journey unfolds like an inspiring movie, moving every student present.  One of the highlights of Ms. Kim Wong’s talk was AiDA, the world’s first designer-led AI design tool. The tool’s straightforward design process and...",
+		"day": "06",
+		"month": "Jan",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/01/%E6%92%A0%EE%BC%BF%EE%B2%84-300x200.jpg",
+	},
+	{
+		"id": 15,
+		"title": "Announcing The Finalists For AiDA Fashion AI Award",
+		"brief": "Announcing the Finalists for AiDA Fashion AI Award! We are thrilled to announce the top 10 finalists!!! These talented individuals have showcased exceptional creativity and innovation in fashion design and will use AiDA to create their collections. Here are the finalists: Yuzhi Lai Yan Chi Kwan, Jimmy Cheung Tsz Ching, Bobo Nina Waszak WOO SIN YU, Lia Yiu Ching Yau, Emma YAU KA HEI Xu Lulu Kock Man Yan XIEYAUKIT Congratulations to all the finalists! We look forward to an exciting competition and wish each of finalists the best of luck!",
+		"day": "30",
+		"month": "Dec",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/12/finalists-225x300.jpg",
+	},
+	{
+		"id": 14,
+		"title": "【2024 FABI KOREA Conference】：Revolutionizing Fashion Design With AiDA",
+		"brief": "【2024 FABI KOREA Conference】：Revolutionizing Fashion Design with AiDA At the 2024 FABI Conference, AiDA, an AI solution for fashion design, was the star of the show. Kim Wong, CEO of Code-Create, delivered a powerful presentation highlighted AiDA’s transformative impact on the fashion industry.  The enthusiastic reception at the conference confirmed AiDA’s popularity and its pivotal role in the future of fashion, where AI meets creativity to redefine the industry’s standards. The 2024 FABI Conference was more than just an event, it was a platform for showcasing the future of fashion. AiDA’s presence there was a clear indication of the direction the...",
+		"day": "07",
+		"month": "Dec",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/12/%E5%B0%81%E9%9D%A2-300x225.jpg",
+	},
+	{
+		"id": 13,
+		"title": "Code-Create’s CEO Kim Wong Honored With Best Paper Award At 2024 International Fashion Conference",
+		"brief": "Code-Create’s CEO Kim Wong Honored with Best Paper Award at 2024 International Fashion Conference We are thrilled to celebrate the CEO of Code-Create, Kim Wong’s outstanding achievement at the 2024 International Conference hosted by the Korean Society of Fashion Business! Kim was honored with the Best Paper Award for her compelling presentation, “Revitalize Fashion Ecosystem through AI – Future of fashion design process.” This presentation showcased the transformative power of AiDA, Code-Create’s designer-led AI tool, which is redefining the fashion design process by providing a platform that understands and enhances the creative vision of its users.  This recognition is a...",
+		"day": "07",
+		"month": "Dec",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/12/IMG_8903-300x225.jpg",
+	},
+	{
+		"id": 12,
+		"title": "Hanyang University Meets AiDA",
+		"brief": "Hanyang University Meets AiDA: A Fusion of Creativity and Technology During this workshop, we led the faculty and students of Hanyang University on an exploration of the mysteries of AI, experiencing the interaction with the design assistant AiDA. Everyone were truly amazed by AiDA’s unexpected creativity and the dynamic interactions it facilitated. The students’ works revealed new trends in the fashion world.  We look forward to more exchanges and cooperation with Hanyang University in the future. Let’s all anticipate our next gathering!",
+		"day": "28",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/12/%E6%92%A0%EE%BC%BF%EE%B2%84-300x200.jpg",
+	},
+	{
+		"id": 11,
+		"title": "AiDA Workshop",
+		"brief": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/11/AiDA-X-RCA-workshop-1.mov Despite the typhoon, our enthusiasm couldn’t be dampened! The event was a massive success, filled with engagement, interaction, and valuable insights! Deep appreciation goes to the distinguished speakers and coaches:Prof. Calvin Wong, CEO of AiDLab & Co-founder of Code-Create — Hong KongZowie and Anne from the Royal College of Art — UKJae from BESFXXK — South KoreaWillis from Zavvyave — Hong KongKitty, Aemika from SFT, PolyU — Hong Kong These experts shared their remarkable AiDA experiences and coached attendees through their AiDA journey! Fashion design instructors and students from SFT, DI, and Youth College were amazed by AiDA’s cutting-edge...",
+		"day": "19",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/11/%E6%92%A0%EE%BC%BF%EE%B2%84-300x201.jpg",
+	},
+	{
+		"id": 10,
+		"title": "AiDA X SFT AI Fashion Award 2024",
+		"brief": "AiDA X SFT AI Fashion Award 2024 With the aim of inspiring students to innovate in fashion design using AI, Code-Create and The Hong Kong Polytechnic University School of Fashion and Textiles (SFT) have jointly launched the ‘AiDA X SFT AI Fashion Award 2024’. This competition provides students with valuable practical AiDA experience, laying the foundation for the future fashion design industry and positioning them as pioneers in AI fashion.The competition is open to all SFT students, with the winners having the chance to win cash prizes (up to 20,000 HKD), internship opportunity at BESFXXK (will work with the renowned...",
+		"day": "19",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/11/3611731651515_.pic_hd-225x300.png",
+	},
+	{
+		"id": 9,
+		"title": "CentreStage 2024",
+		"brief": "At CentreStage, AiDA has captured the attention of many professionals from the fashion industry...",
+		"day": "03",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/09/CentreStage-2024-300x200.jpg",
+	},
+	{
+		"id": 8,
+		"title": "Press Conference: Code-Create Secures Investment From Eschange Capital",
+		"brief": "The innovative AI fashion design platform AiDA, is leading the fashion industry into a new phase of digital transformation. Code-Create announced yesterday that it has secured strategic ...",
+		"day": "02",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/09/Code-Create-Secures-Investment-from-Eschange-Capital-300x200.jpg",
+	},
+	{
+		"id": 7,
+		"title": "“Hong Kong China Night” In Paris",
+		"brief": "In Paris, the \"Culture X AI 2024-2025\" event was meticulously planned by the Laboratory for Artificial Intelligence in Design(AiDLab)...",
+		"day": "06",
+		"month": "Aug",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/09/Hong-Kong-China-Night-in-Paris-300x200.jpg",
+	},
+	{
+		"id": 6,
+		"title": "Culture X Al 2024-2025: Culture And Future Mode",
+		"brief": "Culture X Al: Kan Tai Keung X AiDLab X HK Fashion Designers Show is finally here...",
+		"day": "17",
+		"month": "Jul",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/09/Culture-and-Future-Mode-300x200.jpg",
+	},
+	{
+		"id": 5,
+		"title": "Fashion X AI 2022-2023: International Symposium",
+		"brief": "This international symposium will bring together the world's leading...",
+		"day": "17",
+		"month": "Feb",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/01/fahsionai_thumb_international_symposium-300x150.jpg",
+	},
+	{
+		"id": 4,
+		"title": "Fashion X AI 2022-2023: Touring Exhibitions",
+		"brief": "The upcoming touring exhibitions feature a series of the latest...",
+		"day": "13",
+		"month": "Feb",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/01/fahsionai_thumb_touring_exhibitions-300x150.jpg",
+	},
+	{
+		"id": 3,
+		"title": "International Seminar On “AI In Fashion Marketing Research”",
+		"brief": "Technology is playing an important role in the design...",
+		"day": "18",
+		"month": "Jan",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/01/international_seminar_banner-300x210.jpg",
+	},
+	{
+		"id": 2,
+		"title": "Fashion X AI 2022-2023: Fashion Show & Forum",
+		"brief": "AiDLab is honoured to hold the region’s first programme...",
+		"day": "19",
+		"month": "Dec",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2021/12/fashionai_thumb_fashion_show-300x150.jpg",
+	},
+	{
+		"id": 1,
+		"title": "CENTRESTAGE",
+		"brief": "Code Create has joint a seminar at CENTRESTAGE with AiDLab...",
+		"day": "20",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/centrestage_cover-1-300x150.jpg",
+	}
+]
--- a/src/pages/events/list-zh-tw.js
+++ b/src/pages/events/list-zh-tw.js
@@ -0,0 +1,466 @@
+export default [
+	{
+		"id": 58,
+		"title": "很榮幸成為 阿里巴巴 JUMPSTARTER 2026 Top 30｜Code-Create",
+		"brief": "很榮幸成為 阿里巴巴 JU...",
+		"day": "30",
+		"month": "1 月",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/01/Jumpstarter-horizontal-300x169.jpg",
+	},
+	{
+		"id": 57,
+		"title": "匠心精神，開啟傳統與科技時尚的新可能\n",
+		"brief": "匠心精神，開啟傳統與科技時...",
+		"day": "09",
+		"month": "2 月",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/02/%E5%BE%AE%E4%BF%A1%E5%9C%96%E7%89%87_2026-02-02_121646_493-300x225.jpg",
+	},
+	{
+		"id": 55,
+		"title": "等等，AiDA 還能用來做時裝週的陳列設計？",
+		"brief": "等等，AiDA 還能用來做...",
+		"day": "04",
+		"month": "3 月",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/03/IMG_4901-300x200.jpg",
+	},
+	{
+		"id": 56,
+		"title": "Code-Create 榮獲阿里巴巴 JUMPSTARTER 2026 人氣 Top 5",
+		"brief": "Code-Create 榮...",
+		"day": "20",
+		"month": "3 月",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/03/Code-Create-Limited-300x201.jpg",
+	},
+	{
+		"id": 54,
+		"title": "2026 — 您的全球設計舞台",
+		"brief": "2026 — 您的全球設計...",
+		"day": "22",
+		"month": "4 月",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/04/award_qrcode_en-240x300.gif",
+	},
+	{
+		"id": 53,
+		"title": "AiDA 上鳳凰衛視了！ 花絮放送🎉",
+		"brief": "AiDA 上鳳凰衛視了！ ...",
+		"day": "11",
+		"month": "5 月",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/05/45e19bf9012eac5071ace52896e4f53f-300x166.png",
+	},
+	{
+		"id": 52,
+		"title": "Across Disciplines · Across Borders｜AiDA Makes Design Accessible To All",
+		"brief": "Across Disciplines · Across Borders｜AiDA Makes Design Accessible to All   During a...",
+		"day": "28",
+		"month": "Jan",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/01/IMG_4524-300x225.jpeg",
+	},
+	{
+		"id": 51,
+		"title": "Stepping Into PolyU, Connecting The Future",
+		"brief": "Stepping into PolyU, Connecting the Future At Code-Create, we’ve always believed that education...",
+		"day": "28",
+		"month": "Jan",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/01/IMG_7777-300x200.jpg",
+	},
+	{
+		"id": 50,
+		"title": "AiDA Empowering Fashion Design Education At HK SFU",
+		"brief": "AiDA Empowering Fashion Design Education at HK SFU The Code-Create team recently visited...",
+		"day": "28",
+		"month": "Jan",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/01/IMG_2710-300x225.jpeg",
+	},
+	{
+		"id": 49,
+		"title": "Where Fashion Leaders Meet | FAHK 2025",
+		"brief": "Where Fashion Leaders Meet | FAHK 2025 At Fashion Asia Hong Kong 2025,...",
+		"day": "18",
+		"month": "Dec",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/12/IMG_8466-300x225.jpeg",
+	},
+	{
+		"id": 48,
+		"title": "AiDA × Hanyang University｜A Deep Dive Into AI-Driven Fashion Design",
+		"brief": "AiDA × Hanyang University｜A Deep Dive into AI-Driven Fashion Design PhD students from...",
+		"day": "01",
+		"month": "Dec",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/12/IMG_8320-1-300x225.jpeg",
+	},
+	{
+		"id": 47,
+		"title": "Korea’s Chonnam National University Is Using AiDA!",
+		"brief": "Korea’s Chonnam National University Is Using AiDA! Students and faculty from Chonnam National...",
+		"day": "21",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/11/IMG_7909-scaled-e1763695571462-300x188.jpeg",
+	},
+	{
+		"id": 46,
+		"title": "When AI Meets Love | Fashion Knows No Age",
+		"brief": "When AI Meets Love | Fashion Knows No Age Code-Create and Caritas St. Joseph Secondary School joined hands to bring creativity into the community through AiDA. Students used AI to design personalized outfits for the elderly — each piece filled with warmth and heartfelt care. From classroom to runway, from inspiration to action, AI is more than a tool of innovation — it’s a force that connects people. ‘The future of the future’ is being redefined by these young designers.",
+		"day": "19",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/11/IMG_5366-300x225.jpeg",
+	},
+	{
+		"id": 45,
+		"title": "Creator Shares AiDA Design Insights At University Lecture",
+		"brief": "Creator Shares AiDA Design Insights at University Lecture At Kyung Hee University’s ‘AI AnD Talk 2025’ in Korea, designer Jae shared his unique experience using AiDA in fashion creation. He demonstrated how AiDA helps break creative boundaries, enabling a more open dialogue between technology and fashion. The talk not only offered cutting-edge insights into AI-driven fashion but also inspired students to reimagine the future of design education and creative practice.",
+		"day": "19",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/11/day01_0846-300x200.jpg",
+	},
+	{
+		"id": 44,
+		"title": "Temasek Polytechnic Visits The Birthplace Of AiDA",
+		"brief": "Temasek Polytechnic Visits the Birthplace of AiDA A delegation of students and faculty from Temasek Polytechnic, Singapore visited AiDLab, the research and development hub behind AiDA. During the visit, guests experienced the newly upgraded AiDA 3.1, along with several of AiDLab’s cutting-edge innovations — including 3D body scanning, digital human generation, and intelligent textile research, exploring how AI technology is reshaping the future of fashion design. 💡 To conclude the visit, Ms. Kim Wong, Founder of Code-Create, shared insights on AiDA’s vision and future direction, inspiring engaging discussions among students and faculty. Looking ahead, we aim to collaborate with more...",
+		"day": "19",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/11/IMG_0154-300x225.jpeg",
+	},
+	{
+		"id": 43,
+		"title": "AiDA Powers Cultural AI Exhibition In Hong Kong! ",
+		"brief": "AiDA Powers Cultural AI Exhibition in Hong Kong! After nearly six months of collaboration, the Cultural AI project — powered by AiDA, our AI fashion design platform — has officially come to life in Hong Kong! In partnership with Temasek Polytechnic (Singapore), Hong Kong designers Elmer Ho and Liz Mak, and PhD researchers Zhu Jia Yu and Zhu Shu Min from PolyU, students explored how AiDA can transform cultural motifs into innovative fashion concepts and tangible designs. A big thank-you to everyone who joined the opening ceremony and to all our partners who made this milestone possible. Come visit the...",
+		"day": "19",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/11/IMG_4112-300x225.jpeg",
+	},
+	{
+		"id": 42,
+		"title": "KIFT Talk | Co-Creating Fashion With AiDA",
+		"brief": "KIFT Talk | Co-Creating Fashion with AiDA At the Korea International Fashion Tech (KIFT) event, Korean designer Jae shared insights on the collaboration between BESFXXK and AiDA.He showcased how multiple BESFXXK collections were created with the support of AiDA, using the AI assistant to quickly transform inspiration into innovative and diverse designs.The talk highlighted the boundless potential of AI and designers co-creating, offering a glimpse into the future of fashion design.",
+		"day": "30",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/cover-3-300x225.jpg",
+	},
+	{
+		"id": 41,
+		"title": "AiDA In The Classroom｜Global Designer Shares AI × Fashion In Practice",
+		"brief": "AiDA in the Classroom｜Global Designer Shares AI × Fashion in Practice A special moment from Kyung Hee University in Korea Designer Jae (Creative Director of BESFXXK) introduced AiDA and its R&D team, AiDLab, while sharing Code-Create’s vision for the integration of AI and the fashion ecosystem, as well as the applications of AI in fashion design. Through real case studies, he demonstrated how moodboards, prints, sketches, and final renderings can come together seamlessly, giving students a firsthand look at how AI enhances creativity.It’s inspiring to see the next generation of designers engaging with AI × fashion, opening new possibilities for the future...",
+		"day": "26",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/Cover-300x225.jpg",
+	},
+	{
+		"id": 40,
+		"title": "AiDA | Cultural Motifs × AI Fashion Experiment",
+		"brief": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/250916-promotional-video.mp4 AiDA | Cultural Motifs × AI Fashion Experiment AiDA has teamed up with Singapore’s Temasek Polytechnic to launch a fashion project inspired by cultural motifs. Led by two experienced Hong Kong designers and PhD researchers from PolyU, students are guided to use the AiDA to transform cross-cultural elements into complete fashion collections.Through discussion and creation, AiDA makes ideas come to life faster and design more intuitively and efficiently. We can’t wait to see how young designers showcase global perspectives and cultural creativity with the power of AI! ",
+		"day": "23",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/promotional-video-cover-300x169.jpg",
+	},
+	{
+		"id": 39,
+		"title": "From Sketch To Garment｜Made Possible With AiDA",
+		"brief": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/英-Intertextile-SH.mov From Sketch to Garment｜Made Possible with AiDA Designs generated with AiDA 3.1 have now been transformed into real garments. The future of fashion is right before your eyes. ",
+		"day": "16",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/Video-cover-225x300.jpeg",
+	},
+	{
+		"id": 38,
+		"title": "AiDA 3.1 At Intertextile Shanghai｜Upgraded Experience On-Site",
+		"brief": "AiDA 3.1 at Intertextile Shanghai｜Upgraded Experience On-Site Code-Create proudly presented the newly upgraded AiDA 3.1 at Intertextile Shanghai! ✨📍 At our booth, AiDA attracted an overwhelming response — with designers, students, and industry professionals eager to experience the platform first-hand.Visitors explored the complete design workflow, from moodboards and prints to sketches and final product renderings, while discovering the exciting new features of AiDA 3.1:✨ Sharper, higher-resolution outputs✨ Canvas workspace & Advanced Tools✨ Transform design drafts into lifelike model photos with adjustable poses✨ New product video generation, making designs more dynamic and immersiveAiDA 3.1 not only speeds up the design process...",
+		"day": "09",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/09/cover-1-300x225.jpg",
+	},
+	{
+		"id": 37,
+		"title": "Live From Seoul | AiDA Booth Is Buzzing!",
+		"brief": "Live from Seoul | AiDA Booth is Buzzing! A quick share from Korea COEX, Seoul –This time, Code-Create brought our AI fashion design platform AiDA to Korea, and the booth was packed with excitement! Designers, students, and industry friends all came to explore AiDA, and we also showcased real garments created with AiDA designs. Everyone’s big question: Can AI really help designers bring ideas to life faster?The answer is yes!AiDA works seamlessly with a designer’s creative flow—from moodboards to prints, sketches, and final renderings—step by step through the whole process. And the physical outfits on display were the best proof: AI-driven creativity...",
+		"day": "21",
+		"month": "Aug",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/08/WhatsApp-Image-2025-08-20-at-15.21.45-225x300.jpeg",
+	},
+	{
+		"id": 36,
+		"title": "Preview In Seoul 2025",
+		"brief": "Preview in Seoul 2025 Code-Create is heading to Seoul!  We’re excited to join Preview in Seoul 2025 next week, bringing AiDA — our AI-powered fashion design platform — to Korea for the very first time. Come visit our booth and see how AiDA supports designers from concept to creation, and how AI is shaping the future of fashion.  On 21 Aug, Code-Create founder & CEO Kim Wong, AiDLab’s Prof. Calvin Wong and BESFXXK Creative Director Jae Lim in a special session discussing how human creativity and AI can work together to elevate the fashion industry. And don’t miss our pitching...",
+		"day": "15",
+		"month": "Aug",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/08/poster-213x300.jpeg",
+	},
+	{
+		"id": 35,
+		"title": "Code-Create X YaleWomen Hong Kong | AI × Fashion × Design",
+		"brief": "Code-Create x YaleWomen Hong Kong | AI × Fashion × Design On 30 July 2025, Code-Create Co-Founder & CEO Kim Wong was invited by YaleWomen Hong Kong to share her insights on the evolving intersection of fashion, AI, and entrepreneurship. Drawing on her extensive leadership experience at global fashion houses—including DFS USA, Lane Crawford, Burberry Asia, Brunello Cucinelli, and Versace Asia Pacific—Kim spoke about her journey from the fashion C-suite to academia, and now to the world of start-ups. She introduced AiDA 3.0, Code-Create’s AI-powered interactive design assistant, developed by AiDLab in collaboration with The Hong Kong Polytechnic University and...",
+		"day": "30",
+		"month": "Jul",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/08/WhatsApp-%E5%9C%96%E7%89%872025-08-0511.57.53_77f970a9-300x261.jpg",
+	},
+	{
+		"id": 34,
+		"title": "When AI Becomes Your Creative Partner: AiDA With Creators Worldwide",
+		"brief": "When AI Becomes Your Creative Partner: AiDA with Creators Worldwide We are honored to support the 2025 SHE IS AI Fashion Awards as a proud partner—an international design competition centered on AI, fashion, and sustainable innovation.This prestigious event brings together designers and creatives from around the globe to explore AI as a “creative collaborator” across all stages of fashion design. Our AI platform, AiDA, serves as one of the key design tools, providing technical support to inspire and facilitate participants’ design development.From digital concepts to garment launches, and from virtual runways to global retail, every step of the design process...",
+		"day": "27",
+		"month": "Jun",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/06/WhatsApp-Image-2025-06-24-at-10.14.51_e49379ab-300x169.jpg",
+	},
+	{
+		"id": 33,
+		"title": "AiDA Makes A Splash At The Korean Society Of Fashion Design",
+		"brief": "AiDA Makes a Splash at The Korean Society of Fashion Design At The Korean Society of Fashion Design, designer Jae introduced AiDA, an innovative design AI tool, to the audience. Jae detailed how AiDA leverages cutting-edge technology to boost design efficiency, saving designers time and allowing them to focus on creativity. Participants were impressed by AiDA’s ability to provide unlimited creative inspiration. They believe it not only stimulates fresh design concepts but also assists designers in transcending conventional design boundaries to discover new possibilities. AiDA’s powerful functions and potential excited everyone present and sparked intense discussion. AiDA is set to...",
+		"day": "25",
+		"month": "Jun",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/06/%E5%B0%81%E9%9D%A2-2-300x200.jpg",
+	},
+	{
+		"id": 32,
+		"title": "Intertextile 2025 Review | A Real Dialogue Between AI And Design",
+		"brief": "A meaningful dialogue about AI and design inspiration unfolded at Shenzhen Convention Center, where AiDA connected with designers and brand founders from across China. What we shared:🔹 The complete AI workflow – from fabric selection to pattern generation🔹 How AI tools deliver both efficiency gains and creative stimulation Though the exhibition has ended, the conversation about design’s future continues. We extend our gratitude to:✓ Those who exchanged business cards with us✓ Everyone who waited in line to experience AiDA✓ Even those who simply glanced at our booth The story doesn’t end here.Explore more real-world AiDA case studies on our page...",
+		"day": "11",
+		"month": "Jun",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/06/%E5%B0%81%E9%9D%A2-300x200.jpg",
+	},
+	{
+		"id": 31,
+		"title": "Fashion Industry Hot Topic: Digital Innovation And AI Empowered Fashion",
+		"brief": "Fashion Industry Hot Topic: Digital Innovation and AI Empowered Fashion Kim Wong, CEO of Code – Create, was recently invited to the “Digital Innovation Workshop”. During her presentation, Ms. Kim Wong introduced AiDA, an AI – powered design tool that is designer – led. She elaborated on how fashion businesses can harness this innovative technology to drive innovation. With its cutting – edge features, AiDA offers the fashion industry a more efficient and precise solution, enabling brands to stand out in the fiercely competitive market. In the roundtable discussion on “Avoiding Pitfalls in AI Implementation for the Consumer Goods Industry,”...",
+		"day": "17",
+		"month": "May",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/05/%E5%B0%81%E9%9D%A2-3-300x200.jpg",
+	},
+	{
+		"id": 30,
+		"title": "UR：Fresh Take On Fashion AI — AiDA",
+		"brief": "UR：Fresh Take on Fashion AI — AiDA Code – Create was honored to visit URBAN REVIVO (UR), kicking off a great dialogue on fashion and AI. Thanks to Invest HK for introducing Code – Create to UR. AiDA, the designer-led AI fashion design solution, amazed everyone. With advanced technology and designers’ ideas, it always brings new inspiration to the design team’s fashion creation process, breaking through traditional design constraints and showing everyone the infinite possibilities of fashion design with AI assistance. As AiDA keeps updating, it will continue to shine in the fashion world, expand its fashion – circle influence,...",
+		"day": "15",
+		"month": "May",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/05/%E5%B0%81%E9%9D%A2-2-300x200.jpg",
+	},
+	{
+		"id": 29,
+		"title": "AiDA’s Sustainable Design Innovation At Daegu Preview 2025",
+		"brief": "AiDA’s Sustainable Design Innovation at Daegu Preview 2025 At the 23rd International Textile Fair In PREVIEW IN DAEGU 2025, Korean designer Jae held a sharing session themed “Pursuing ‘zero-waste’ design through AI technology”. He emphasized that the AI design system —AiDA, with its powerful AI technology, is dedicated to optimizing the fashion design process. AiDA can save designers 60% of the time in the design phase and 20% in sampling, effectively reducing resource waste and driving the sustainable evolution of the fashion ecosystem.",
+		"day": "13",
+		"month": "May",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/05/%E5%B0%81%E9%9D%A2-300x200.jpg",
+	},
+	{
+		"id": 28,
+		"title": "Congratulations To Code-Create For Being Named One Of Hong Kong’s Hottest Startups Of 2025",
+		"brief": "Congratulations to Code-Create for being named one of Hong Kong’s Hottest Startups of 2025 Code-Create has made remarkable progress with its AI-powered design tool AiDA 3.0, which has transformed the fashion design process by offering quick and customizable collections while respecting the originality of artistic creation.. This recognition is a testament to the company’s hard work, innovation, and potential in the fashion industry. Code-Create continue to push boundaries and shape the future of fashion design with its cutting-edge AI technology. https://hongkongbusiness.hk/markets-investing/exclusive/hong-kongs-hottest-startups-2025",
+		"day": "05",
+		"month": "May",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/05/IMG_1749-2-300x200.jpg",
+	},
+	{
+		"id": 27,
+		"title": "AiDA Workshop At CBCC",
+		"brief": "AiDA Workshop at CBCC The AiDA workshop sparked great interest among teacher and students, who experienced AI innovation firsthand. As an advanced AI-powered design tool, AiDA offers flexible design adjustments, powerful AIGC functions, and the ability to generate 8 looks in seconds—providing a fresh solution for fashion design. This workshop not only deepened participants’ understanding of AiDA’s design process but also demonstrated the powerful integration of education and AI technology, ushering in a new chapter in smart education.",
+		"day": "29",
+		"month": "Apr",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/%E5%B0%81%E9%9D%A2-3-300x200.jpg",
+	},
+	{
+		"id": 26,
+		"title": "AI-Powered Design Curriculum: Pioneering Creativity In Fashion Education",
+		"brief": "AI-Powered Design Curriculum: Pioneering Creativity in Fashion Education Creative Director of the Korean brand BESFXXK, Jae Hyuk Lim, partnered with Hongik University, Sejong University, and Paichai University to deliver innovative AiDA AI design courses. Through hands-on workshops, students gained practical experience in AI-assisted creation, blending cutting-edge fashion technology with academic learning to inspire innovation among Gen-Z designers. The curriculum covered AI applications in fashion design and explored how the AiDA system enhances design efficiency and creativity. Leveraging his industry expertise and academic background, Lim imparted cutting-edge fashion-tech knowledge, sparking students’ interest in the fusion of fashion and technology.",
+		"day": "20",
+		"month": "Apr",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/IMG_1290-300x169.jpg",
+	},
+	{
+		"id": 25,
+		"title": "Code-Create X BIFU: Breakthrough In The AI Era",
+		"brief": "Code-Create x BIFU: Breakthrough in the AI Era Fashion brand BIFU, founded by designer Xing Chen, has significantly enhanced its design efficiency and streamlined its creative process through collaboration with Code-Create, leveraging AI design assistant AiDA. By integrating inputs such as mood boards, fabric prints, color palettes, and sketches, AiDA rapidly generates original designs, allowing designers to focus on core creative tasks while maintaining a deep exploration of brand culture and craftsmanship. Since its establishment in 2013, BIFU has drawn inspiration from traditional Chinese culture, combining it with modern design aesthetics to create high-end ready-to-wear and accessories for both men...",
+		"day": "16",
+		"month": "Apr",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/coverpage-213x300.jpg",
+	},
+	{
+		"id": 24,
+		"title": "South Korean Brand BESFXXK Leveraged AiDA To Create Its 2025 FW Ready-To-Wear Collection.",
+		"brief": "South Korean brand BESFXXK leveraged AiDA to create its 2025 FW ready-to-wear collection. By optimizing the design process, AiDA significantly improved efficiency, reducing the time required from concept development to final product visualization by 60%. This advancement enables designers to focus more intently on core creative tasks, maximizing their expertise while enhancing the quality of design outcomes. Additionally, it frees up resources to prioritize innovative exploration and deeper creative engagement.",
+		"day": "10",
+		"month": "Apr",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/%E5%B0%81%E9%9D%A2-214x300.jpeg",
+	},
+	{
+		"id": 23,
+		"title": "AiDA: Accelerating Fashion Design Efficiency By Over 60%",
+		"brief": "AiDA: Accelerating Fashion Design Efficiency by Over 60% Code-Create’s Co-Founder and CEO, Kim Wong, was interviewed by Hong Kong Business, explaining how the AI design assistant is revolutionizing fashion design by merging technology with creativity to enhance designers’ workflow. AiDA helps boost efficiency during design process by integrating over 500,000 sketches and current trends, generating innovative designs from keywords or themes input by designers. Designers maintain creative control through real-time modifications, ensuring their unique vision is preserved. Rather than replacing designers, AiDA empowers them by boosting design efficiency, freeing up 60% of their time for creative work. Code-Create envisions revitalizing...",
+		"day": "08",
+		"month": "Apr",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/WhatsApp-Image-2025-04-08-at-16.38.52_d42c070c-213x300.jpg",
+	},
+	{
+		"id": 22,
+		"title": "Ms. Kim Wong Breaks Down How AI Is Reshaping Sustainable Fashion",
+		"brief": "Ms. Kim Wong Breaks Down How AI Is Reshaping Sustainable Fashion Code-Create CEO Ms. Kim was invited to deliver a captivating sharing on “Sustainable Fashion Innovation” to SFT students at The Hong Kong Polytechnic University. Drawing from the core principles of “sustainability” and “innovation,” Kim explored how the integration of technology and design can drive the fashion industry toward greener transformation. She highlighted Code-Create’s AI-powered fashion design tool, AiDA, demonstrating how AI can optimize design processes, minimize resource waste, and unlock the tool’s potential in real-world applications. The class was very interactive, with students actively participating and showing lots of...",
+		"day": "01",
+		"month": "Apr",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/%E5%B0%81%E9%9D%A2-2-300x158.jpg",
+	},
+	{
+		"id": 21,
+		"title": "The AiDA Workshop Was Successfully Held In Shenzhen",
+		"brief": "The AiDA Workshop was successfully held in Shenzhen The AiDA SZ Workshop attracted a wide range of professionals from the fashion industry. The atmosphere at the event was highly engaging and inspiring. Participants, many of whom were experiencing AiDA for the first time, were extremely excited as they explored its features. Through hands-on experience, they truly felt the immense potential of AI in fashion, as if they had unlocked a whole new world of possibilities. Fashion design tasks that used to be difficult now became easily achievable with AiDA, unlocking new trends in just minutes. AiDA has undoubtedly become the...",
+		"day": "31",
+		"month": "Mar",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/%E5%B0%81%E9%9D%A2-1-300x200.jpg",
+	},
+	{
+		"id": 20,
+		"title": "AiDA X SFT Fashion AI Award Successfully Finished",
+		"brief": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/03/0310-video-for-ceremony.mp4 AiDA x SFT Fashion AI Award Successfully Finished In the fast-paced world of fashion, innovation remains the driving force of progress. The recent conclusion of the AiDA x SFT Fashion AI Competition marks a key step in the industry’s digital transformation. The event drew talented students from Hong Kong Polytechnic University SFT students, who skillfully used AiDA throughout their creative process to deliver stunning creations. More than just clothing displays, these works represent the fusion of fashion and AI, pointing to the future of the industry. Award Winners:Grand Prize: Nina WaszakRunners-up: Kock Man Yan, Yuzhi Lai We believe AI-powered...",
+		"day": "12",
+		"month": "Mar",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/03/Image_20250507135632-300x200.jpg",
+	},
+	{
+		"id": 19,
+		"title": "Feminine Power: Ms. Kim Wong’s Journey In Fashion And AI",
+		"brief": "Feminine Power: Ms. Kim Wong’s Journey in Fashion and AI In a recent interview with the Hong Kong Ta Kung Pao, Ms. Kim shared her views and future expectations on AI fashion. With unique vision and courage, Kim moved from traditional fashion to AI fashion. As co-founder and CEO of Code – Create, she is a key driver of the global fashion ecosystem’s transformation. Ms. Kim specially mentioned AiDA, the world’s first fashion AI solution led by designers’ original inspiration. AiDA enables designers to collaborate with AI to quickly create diverse original designs. It can shorten the design time from...",
+		"day": "07",
+		"month": "Mar",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/03/WhatsApp-Image-2025-03-11-at-16.20.13_44e39cfe-181x300.jpg",
+	},
+	{
+		"id": 18,
+		"title": "Achieving Excellence In Design Within An Hour",
+		"brief": "Achieving Excellence in Design within an Hour! Students from PolyU School of Fashion and Textiles (SFT) delivered an impressive series of design works at the AiDA Workshop, all within a mere 60 minutes. AiDA has boosted design process efficiency by over 60%, enhancing overall design efficiency across the board. The newly upgraded AiDA has exceeded our expectations. This is more than just a tool upgrade—it represents a paradigm shift in design productivity.",
+		"day": "20",
+		"month": "Feb",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/03/%E5%9C%96%E7%89%87_20250303200046-212x300.jpg",
+	},
+	{
+		"id": 17,
+		"title": "Brainstorm With AI",
+		"brief": "Brainstorm with AI！！ Students from Caritas St. Joseph Secondary School in Hong Kong recently embarked on an AI-powered design adventure with the designer-led AI tool “AiDA.” Excitement filled the air as students eagerly engaged with the tool, quickly mastering its functions under guidance. They transformed their imaginative ideas into stunning designs, demonstrating remarkable learning ability and creative potential in the realm of AI.During the event, students experienced the three core strengths of AiDA: creativity, efficiency, and sustainability. AiDA can instantly convert text descriptions into eye-catching designs, and designers can easily edit and adjust styles to optimize their creations. This significantly...",
+		"day": "19",
+		"month": "Feb",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/03/%E5%9C%96%E7%89%87_20250228085345-300x225.jpg",
+	},
+	{
+		"id": 16,
+		"title": "CEO Of Code-Create Kim Wong’s Inspiring Talk At Henrietta Secondary School",
+		"brief": "CEO of Code-Create Kim Wong’s Inspiring Talk at Henrietta Secondary School — You can chase your dreams at any age! At Henrietta Secondary School, Code-Create’s CEO, Ms. Kim Wong brought a truly enriching sharing session to the students. She opened up to the students, presenting her extraordinary life story. From the initial sprouting of dreams to now standing at the forefront of fashion and technology, her journey unfolds like an inspiring movie, moving every student present.  One of the highlights of Ms. Kim Wong’s talk was AiDA, the world’s first designer-led AI design tool. The tool’s straightforward design process and...",
+		"day": "06",
+		"month": "Jan",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/01/%E6%92%A0%EE%BC%BF%EE%B2%84-300x200.jpg",
+	},
+	{
+		"id": 15,
+		"title": "Announcing The Finalists For AiDA Fashion AI Award",
+		"brief": "Announcing the Finalists for AiDA Fashion AI Award! We are thrilled to announce the top 10 finalists!!! These talented individuals have showcased exceptional creativity and innovation in fashion design and will use AiDA to create their collections. Here are the finalists: Yuzhi Lai Yan Chi Kwan, Jimmy Cheung Tsz Ching, Bobo Nina Waszak WOO SIN YU, Lia Yiu Ching Yau, Emma YAU KA HEI Xu Lulu Kock Man Yan XIEYAUKIT Congratulations to all the finalists! We look forward to an exciting competition and wish each of finalists the best of luck!",
+		"day": "30",
+		"month": "Dec",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/12/finalists-225x300.jpg",
+	},
+	{
+		"id": 14,
+		"title": "【2024 FABI KOREA Conference】：Revolutionizing Fashion Design With AiDA",
+		"brief": "【2024 FABI KOREA Conference】：Revolutionizing Fashion Design with AiDA At the 2024 FABI Conference, AiDA, an AI solution for fashion design, was the star of the show. Kim Wong, CEO of Code-Create, delivered a powerful presentation highlighted AiDA’s transformative impact on the fashion industry.  The enthusiastic reception at the conference confirmed AiDA’s popularity and its pivotal role in the future of fashion, where AI meets creativity to redefine the industry’s standards. The 2024 FABI Conference was more than just an event, it was a platform for showcasing the future of fashion. AiDA’s presence there was a clear indication of the direction the...",
+		"day": "07",
+		"month": "Dec",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/12/%E5%B0%81%E9%9D%A2-300x225.jpg",
+	},
+	{
+		"id": 13,
+		"title": "Code-Create’s CEO Kim Wong Honored With Best Paper Award At 2024 International Fashion Conference",
+		"brief": "Code-Create’s CEO Kim Wong Honored with Best Paper Award at 2024 International Fashion Conference We are thrilled to celebrate the CEO of Code-Create, Kim Wong’s outstanding achievement at the 2024 International Conference hosted by the Korean Society of Fashion Business! Kim was honored with the Best Paper Award for her compelling presentation, “Revitalize Fashion Ecosystem through AI – Future of fashion design process.” This presentation showcased the transformative power of AiDA, Code-Create’s designer-led AI tool, which is redefining the fashion design process by providing a platform that understands and enhances the creative vision of its users.  This recognition is a...",
+		"day": "07",
+		"month": "Dec",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/12/IMG_8903-300x225.jpg",
+	},
+	{
+		"id": 12,
+		"title": "Hanyang University Meets AiDA",
+		"brief": "Hanyang University Meets AiDA: A Fusion of Creativity and Technology During this workshop, we led the faculty and students of Hanyang University on an exploration of the mysteries of AI, experiencing the interaction with the design assistant AiDA. Everyone were truly amazed by AiDA’s unexpected creativity and the dynamic interactions it facilitated. The students’ works revealed new trends in the fashion world.  We look forward to more exchanges and cooperation with Hanyang University in the future. Let’s all anticipate our next gathering!",
+		"day": "28",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/12/%E6%92%A0%EE%BC%BF%EE%B2%84-300x200.jpg",
+	},
+	{
+		"id": 11,
+		"title": "AiDA Workshop",
+		"brief": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/11/AiDA-X-RCA-workshop-1.mov Despite the typhoon, our enthusiasm couldn’t be dampened! The event was a massive success, filled with engagement, interaction, and valuable insights! Deep appreciation goes to the distinguished speakers and coaches:Prof. Calvin Wong, CEO of AiDLab & Co-founder of Code-Create — Hong KongZowie and Anne from the Royal College of Art — UKJae from BESFXXK — South KoreaWillis from Zavvyave — Hong KongKitty, Aemika from SFT, PolyU — Hong Kong These experts shared their remarkable AiDA experiences and coached attendees through their AiDA journey! Fashion design instructors and students from SFT, DI, and Youth College were amazed by AiDA’s cutting-edge...",
+		"day": "19",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/11/%E6%92%A0%EE%BC%BF%EE%B2%84-300x201.jpg",
+	},
+	{
+		"id": 10,
+		"title": "AiDA X SFT AI Fashion Award 2024",
+		"brief": "AiDA X SFT AI Fashion Award 2024 With the aim of inspiring students to innovate in fashion design using AI, Code-Create and The Hong Kong Polytechnic University School of Fashion and Textiles (SFT) have jointly launched the ‘AiDA X SFT AI Fashion Award 2024’. This competition provides students with valuable practical AiDA experience, laying the foundation for the future fashion design industry and positioning them as pioneers in AI fashion.The competition is open to all SFT students, with the winners having the chance to win cash prizes (up to 20,000 HKD), internship opportunity at BESFXXK (will work with the renowned...",
+		"day": "19",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/11/3611731651515_.pic_hd-225x300.png",
+	},
+	{
+		"id": 9,
+		"title": "CentreStage 2024",
+		"brief": "At CentreStage, AiDA has captured the attention of many professionals from the fashion industry...",
+		"day": "03",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/09/CentreStage-2024-300x200.jpg",
+	},
+	{
+		"id": 8,
+		"title": "Press Conference: Code-Create Secures Investment From Eschange Capital",
+		"brief": "The innovative AI fashion design platform AiDA, is leading the fashion industry into a new phase of digital transformation. Code-Create announced yesterday that it has secured strategic ...",
+		"day": "02",
+		"month": "Sep",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/09/Code-Create-Secures-Investment-from-Eschange-Capital-300x200.jpg",
+	},
+	{
+		"id": 7,
+		"title": "“Hong Kong China Night” In Paris",
+		"brief": "In Paris, the \"Culture X AI 2024-2025\" event was meticulously planned by the Laboratory for Artificial Intelligence in Design(AiDLab)...",
+		"day": "06",
+		"month": "Aug",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/09/Hong-Kong-China-Night-in-Paris-300x200.jpg",
+	},
+	{
+		"id": 6,
+		"title": "Culture X Al 2024-2025: Culture And Future Mode",
+		"brief": "Culture X Al: Kan Tai Keung X AiDLab X HK Fashion Designers Show is finally here...",
+		"day": "17",
+		"month": "Jul",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2024/09/Culture-and-Future-Mode-300x200.jpg",
+	},
+	{
+		"id": 5,
+		"title": "Fashion X AI 2022-2023: International Symposium",
+		"brief": "This international symposium will bring together the world's leading...",
+		"day": "17",
+		"month": "Feb",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/01/fahsionai_thumb_international_symposium-300x150.jpg",
+	},
+	{
+		"id": 4,
+		"title": "Fashion X AI 2022-2023: Touring Exhibitions",
+		"brief": "The upcoming touring exhibitions feature a series of the latest...",
+		"day": "13",
+		"month": "Feb",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/01/fahsionai_thumb_touring_exhibitions-300x150.jpg",
+	},
+	{
+		"id": 3,
+		"title": "International Seminar On “AI In Fashion Marketing Research”",
+		"brief": "Technology is playing an important role in the design...",
+		"day": "18",
+		"month": "Jan",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/01/international_seminar_banner-300x210.jpg",
+	},
+	{
+		"id": 2,
+		"title": "Fashion X AI 2022-2023: Fashion Show & Forum",
+		"brief": "AiDLab is honoured to hold the region’s first programme...",
+		"day": "19",
+		"month": "Dec",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2021/12/fashionai_thumb_fashion_show-300x150.jpg",
+	},
+	{
+		"id": 1,
+		"title": "CENTRESTAGE",
+		"brief": "Code Create has joint a seminar at CENTRESTAGE with AiDLab...",
+		"day": "20",
+		"month": "Nov",
+		"coverUrl": "https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/centrestage_cover-1-300x150.jpg",
+	}
+]
--- a/src/pages/events/swiper.vue
+++ b/src/pages/events/swiper.vue
@@ -0,0 +1,201 @@
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
+import { Carousel as KagolCarousel } from '@kagol/vue-carousel'
+import '@kagol/vue-carousel/dist/style.css'
+const props = defineProps({
+	list: {
+		type: Array,
+		default: () => [],
+	},
+})
+const emit = defineEmits(['clickItem'])
+//const emit = defineEmits([
+//])
+
+const activePage = ref(0)
+onMounted(()=>{
+})
+onUnmounted(()=>{
+})
+defineExpose({})
+</script>
+<template>
+	<section class="events-swiper">
+		<div class="content">
+			<KagolCarousel
+				:autoplay="false"
+				:interval="1000"
+				class="events-carousel"
+			>
+				<div class="carousel-item" v-for="(item,index) in list as any" :key="index">
+					<div class="img-box">
+						<img :src="item?.coverUrl" alt="">
+					</div>
+					<div class="text-box">
+						<h4 class="title">
+							{{ item?.title }}				
+						</h4>
+						<div class="info">
+							{{ item?.brief }}		
+						</div>
+						<div class="read-more" @click="$emit('clickItem', item)">
+							Read More
+							<span class="iconfont icon-direction-right"></span>
+						</div>
+					</div>
+				</div>
+				
+				<template #pagination="{ prevPage, nextPage }">
+					<div class="prev-page" @click="prevPage">
+						<span class="iconfont icon-direction-left"></span>
+					</div>
+					<div class="next-page" @click="nextPage">
+						<span class="iconfont icon-direction-right"></span>
+					</div>
+				</template>
+				<template #indicator></template>
+			</KagolCarousel>
+		</div>
+	</section>
+</template>
+<style lang="less" scoped>
+	.events-swiper{
+		width: 100%;
+		background-color: #f9f9f9;
+		> .content{
+			padding: 40px 0px 40px 0px;
+			margin: 0 auto;
+			max-width: 1120px;
+			position: relative;
+			@media (max-width: 1000px) {
+				max-width: 767px;
+				padding: 10px;
+				padding-top: 30px;
+			}
+			> .events-carousel{
+				.carousel-item{
+					overflow: hidden;
+					cursor: pointer;
+					&:hover{
+						img{
+							transform: scale(1.1);
+						}
+					}
+					.img-box{
+						border-radius: 20px;
+						height: 600px;
+						width: 100%;
+						overflow: hidden;
+						@media (max-width: 1000px) {
+							height: 500px;
+						}
+						img{
+							width: 100%;							
+							height: 100%;
+							object-fit: cover;
+							background-color: #FFF;
+							transition: all .3s;
+						}
+					}
+					> .text-box{
+						margin-top: -40px;	
+						padding: 25px;
+						width: 560px;
+						background-color: #fff;
+						position: relative;
+						z-index: 22;
+						@media (max-width: 1000px) {
+							width: calc(100% - 50px);
+						}
+						.title{
+							font-family: Poppins, sans-serif;
+							font-weight: 600;
+							letter-spacing: 2px;
+							color: #222222;
+							text-transform: capitalize;
+							font-size: 20px;
+							margin-bottom: 9px;
+						}
+						.info{
+							color: #555;
+							font-size: 16px;
+							margin-bottom: 15px;
+							display: -webkit-box;
+							-webkit-line-clamp: 2;
+							-webkit-box-orient: vertical;
+							overflow: hidden;
+							text-overflow: ellipsis;
+							word-break: break-word; 
+						}
+						.read-more{
+							color: #9A2125;
+							box-shadow: none;
+							font-size: 14px;
+							text-decoration: none;
+							position: relative;
+							width: min-content;
+							white-space: nowrap;
+							&:hover{
+								&::after{
+									left: 0;
+									width: 100%;
+								}
+							}
+							&::after{
+								content: '';
+								position: absolute;
+								bottom: 0;
+								right: 0;
+								left: auto;
+								width: 0%;
+								height: 2px;
+								background-color: #9A2125;
+								transition: all .3s;
+							}
+							> span{
+								margin-left: 10px;
+							}
+						}
+					}
+				}
+			}
+			.prev-page, .next-page{
+				width: 96px;
+				height: 96px;
+				margin: 0 10px;
+				border: 1px solid #e1e1e1;
+				background-color: #fff;
+				border-radius: 50%;
+				transition: all .3s;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				position: absolute;
+				bottom: 0;
+				z-index: 2222;
+				@media (max-width: 1000px) {
+					width: 40px;
+					height: 40px;
+				}
+				> span{
+					font-size: 38px;
+					@media (max-width: 1000px) {
+						font-size: 24px;
+					}
+				}
+				&:hover{
+					border: 1px solid #000;
+				}
+			}
+			.prev-page{
+				right: 112px;
+				@media (max-width: 1000px) {
+					right: 50px;
+				}
+			}
+			.next-page{
+				right: 0;
+			}
+		}
+	}
+</style>
--- a/src/pages/help-centre/faq.vue
+++ b/src/pages/help-centre/faq.vue
@@ -0,0 +1,154 @@
+<script setup lang="ts">
+import { ref,computed } from "vue";
+import { useI18n } from "vue-i18n";
+// 使用接口定义
+const { t } = useI18n()
+const faqList = computed(()=>{
+	return [
+		{
+			id: 1,
+			title: t('helpCentre.faqItem1'),
+			content: t('helpCentre.faqItem1Content'),
+		},
+		{
+			id: 2,
+			title: t('helpCentre.faqItem2'),
+			content: t('helpCentre.faqItem2Content'),
+		},
+		{
+			id: 3,
+			title: t('helpCentre.faqItem3'),
+			content: t('helpCentre.faqItem3Content'),
+		},
+		{
+			id: 4,
+			title: t('helpCentre.faqItem4'),
+			content: t('helpCentre.faqItem4Content'),
+		},
+		{
+			id: 5,
+			title: t('helpCentre.faqItem5'),
+			content: t('helpCentre.faqItem5Content'),
+		},
+		{
+			id: 6,
+			title: t('helpCentre.faqItem6'),
+			content: t('helpCentre.faqItem6Content'),
+		},
+		{
+			id: 7,
+			title: t('helpCentre.faqItem7'),
+			content: t('helpCentre.faqItem7Content'),
+		},
+	]
+})
+const openIdList = ref([])
+const openInfo = (id) => {
+	if(openIdList.value.includes(id)){
+		openIdList.value = openIdList.value.filter(item => item !== id)
+	}else{
+		openIdList.value.push(id)
+	}
+}
+defineExpose({})
+</script>
+<template>
+	<section class="faq">
+		<div class="content">
+			<h2>{{ t('helpCentre.FAQ') }}</h2>
+			<div class="faq-list">
+				<div v-for="item in faqList" :key="item.id" class="faq-item">
+					<h2 @click="openInfo(item.id)">
+						{{ item.title }}
+						<span class="iconfont icon-sanjiao_xia" :class="{'active': openIdList.includes(item.id)}"></span>
+					</h2>
+					<div class="info" :class="{'active': openIdList.includes(item.id)}">
+						<p>{{ item.content }}</p>
+					</div>
+				</div>
+			</div>
+		</div>
+	</section>
+</template>
+<style lang="less" scoped>
+	.faq{
+		width: 100%;
+		padding: 60px 0;
+		background-color: #f9f9f9;
+		@media (max-width: 1000px) {
+			padding: 40px 0;
+		}
+		> .content{
+			max-width: 1140px;
+			margin: 0 auto;
+			@media (max-width: 1000px) {
+				max-width: 1000px;
+			}
+			> h2{
+				
+				font-family: "Poppins", Sans-serif;
+				font-size: 40px;
+				font-weight: 600;
+				letter-spacing: 1px;
+				color: #000000;
+				margin-bottom: 40px;
+				line-height: 1;
+				text-align: center;
+				@media (max-width: 1000px) {
+					font-size: 28px;
+				}
+			}
+			
+			> .faq-list{
+				@media (max-width: 1000px) {
+					padding: 0 20px;
+				}
+				> .faq-item{
+					border-bottom: 1px solid #d5d8dc;
+					> h2{
+						padding: 40px 0px 40px 0px;
+						font-family: "Poppins", Sans-serif;
+						font-size: 24px;
+						line-height: 1.5em;
+						color: #333333;
+						font-weight: 700;
+						display: flex;
+						align-items: flex-start;
+						justify-content: space-between;
+						cursor: pointer;
+						@media (max-width: 1000px) {
+							padding: 20px 0;
+							font-size: 16px;
+						}
+						> span{
+							font-size: 14px;
+							transition: all .3s;
+							&.active{
+								transform: rotate(180deg);
+							}
+						}
+					}
+					> .info{
+						height: 0;
+						overflow: hidden;
+						transition: all .3s;
+						&.active{
+							height: 70px;
+						}
+						> p{
+							padding: 15px;
+							color: #333333;
+							font-weight: 400;
+							font-size: 14px;
+							line-height: 20px;
+							margin-bottom: 20px;
+							@media (max-width: 1000px) {
+								padding: 12px;
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+</style>
--- a/src/pages/help-centre/index.vue
+++ b/src/pages/help-centre/index.vue
@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import Title from './title.vue'
+import Faq from './faq.vue'
+defineExpose({})
+</script>
+<template>
+	<div class="about-us">
+		<Title />
+		<Faq />
+	</div>
+</template>
+<style lang="less" scoped>
+	.about-us{
+		width: 100%;
+		height: 100%;
+		position: relative;
+	}
+</style>
--- a/src/pages/help-centre/title.vue
+++ b/src/pages/help-centre/title.vue
@@ -0,0 +1,60 @@
+<script setup lang="ts">
+defineExpose({})
+</script>
+<template>
+	<section class="title-section">
+		<div class="content">
+			<div class="text">
+				<h1>{{ $t('helpCentre.Title') }}</h1>
+			</div>
+		</div>
+	</section>
+</template>
+<style lang="less" scoped>
+	.title-section{
+		width: 100%;
+		background-color: #000000;
+		background-image: url(https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/helpcentre_banner-1.jpg);
+		background-position: top center;
+		background-repeat: no-repeat;
+		background-size: auto;
+		background-attachment: fixed;
+		@media (max-width: 1000px) {
+			background-attachment: scroll;
+		}
+		> .content{
+			max-width: 1400px;
+			margin: 0 auto;
+			@media (max-width: 1000px) {
+				max-width: 1000px;
+			}
+			> .text{
+				padding: 200px 300px;
+				position: relative;
+				@media (max-width: 1000px) {
+					padding: 100px 15px;	
+				}
+				> h1{
+					text-align: center;
+					font-size: 64px;
+					font-weight: 600;
+					line-height: 64px;
+					letter-spacing: 2px;
+					color: #FFFFFF;
+					@media (max-width: 1000px) {
+						font-size: 40px;
+					}
+				}
+				> img{
+					position: absolute;
+					top: 0;
+					right: 0;
+					z-index: -1;
+					height: 100%;
+					width: 100%;
+					object-fit: cover;
+				}
+			}
+		}
+	}
+</style>
--- a/src/pages/home/components/Carousel.vue
+++ b/src/pages/home/components/Carousel.vue
@@ -1,22 +1,21 @@
 <template>
 	<section
 		class="carousel-container"
+		:class="{ 'show-pagination': showPagination }"
 		aria-label="Featured content"
 		@mouseenter="pauseAutoplay"
 		@mouseleave="resumeAutoplay"
+		@click="handleCarouselClick"
+		@touchstart="handleCarouselTouch"
+		@touchmove="handleCarouselTouch"
 	>
 		<KagolCarousel
 			v-model="activePage"
 			class="home-carousel"
-			:autoplay="false"
-			:interval="1000"
-		>
-			<article
-				v-for="slide in slides"
-				:key="slide.id"
-				ref="slideEls"
-				class="carousel-slide"
+			:autoplay="isAutoplayEnabled"
+			:interval="10000"
 		>
+			<article v-for="slide in slides" :key="slide.id" ref="slideEls" class="carousel-slide">
 				<div class="mask"></div>
 				<div class="banner-title" v-if="slide.title">{{ slide.title }}</div>
 				<img
@@ -81,20 +80,23 @@
 </template>

 <script setup lang="ts">
-	import { Carousel as KagolCarousel } from '@kagol/vue-carousel'
-	import '@kagol/vue-carousel/dist/style.css'
-	import { gsap } from 'gsap'
 	import {
 		nextTick,
 		onBeforeUnmount,
 		onMounted,
 		shallowRef,
 		useTemplateRef,
-		watch
+		watch,
+		computed,
+		ref
 	} from 'vue'
-	import mainBanner01 from '../../../assets/images/home/mainbanner01.jpg'
-	import mainBanner02 from '../../../assets/images/home/mainbanner02.jpg'
-	import Video from '@/assets/images/home/hero-desktop.mp4'
+	import { gsap } from 'gsap'
+	import { Carousel as KagolCarousel } from '@kagol/vue-carousel'
+	import '@kagol/vue-carousel/dist/style.css'
+	import { useI18n } from 'vue-i18n'
+	import { IMAGE_BASE_URL } from '@/tools/config'
+
+	const { t, locale } = useI18n()

 	type HomeSlide = {
 		id: string
@@ -109,42 +111,62 @@
 	const activePage = shallowRef(1)
 	const isAutoplayEnabled = shallowRef(false)
 	const slideEls = useTemplateRef<HTMLElement[]>('slideEls')
-	const slides: readonly HomeSlide[] = [
+	const windowWidth = ref(typeof window !== 'undefined' ? window.innerWidth : 768)
+	const showPagination = ref(false)
+	let hideTimeout: number | null = null
+
+	const getVideoUrl = () => {
+		const isMobile = windowWidth.value < 768
+		const isEnglish = locale.value === 'en'
+
+		if (isEnglish) {
+			return isMobile
+				? 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/06/codec_brand_vid_EN_1x1_SUB.mp4'
+				: 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/06/codec_brand_vid_16x9_ENG_SUB.mp4'
+		} else {
+			// 中文（简体和繁体都使用中文版本）
+			return isMobile
+				? 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/05/codec_brand_video_SC_1x1_SUB.mp4'
+				: 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/05/codec_brand_video_SC_16x9_SUB.mp4'
+		}
+	}
+
+	const slides = computed<HomeSlide[]>(() => [
 		{
 			id: 'aida',
-			image: mainBanner01,
+			image: `${IMAGE_BASE_URL}/2022/11/mainbanner01-2.jpg`,
 			video: '',
-			alt: 'Code Create product banner',
-			title: 'Shaping the future\nof fashion design',
+			alt: t('Home.banner1slogan'),
+			title: t('Home.banner1slogan'),
 			number: '01',
-			description:
-				"World's first and only designer-led AI system that streamlines ideation from hours to seconds"
+			description: t('Home.banner1desc')
 		},
 		{
 			id: 'mixi',
-			image: mainBanner02,
+			image: `${IMAGE_BASE_URL}/2022/11/mainbanner02-3.jpg`,
 			video: '',
 			alt: 'Code Create product banner',
-			title: 'Be the game changer,\n subscribe now!',
+			title: t('Home.banner2slogan'),
 			number: '02',
-			description: 'Make the first move to streamline and facilitate your inspiration process'
+			description: t('Home.banner2desc')
 		},
 		{
 			id: 'video',
 			image: '',
-			video: Video,
+			video: getVideoUrl(),
 			alt: 'Code Create product video banner'
 		}
-	]
+	])
 	const descAnimationDelay = 1
 	let activeSlideIndex: number | null = null
 	let descAnimationFrame = 0
 	let descTimeline: ReturnType<typeof gsap.timeline> | null = null
+	let handleResize: (() => void) | null = null

 	function getActiveSlideIndex() {
-		const slideCount = slides.length
+		const slideCount = slides.value.length

-		return ((activePage.value - 1) % slideCount + slideCount) % slideCount
+		return (((activePage.value - 1) % slideCount) + slideCount) % slideCount
 	}

 	function prefersReducedMotion() {
@@ -230,9 +252,51 @@
 		isAutoplayEnabled.value = true
 	}

+	function showPaginationControls() {
+		showPagination.value = true
+		
+		if (hideTimeout) {
+			window.clearTimeout(hideTimeout)
+		}
+		
+		hideTimeout = window.setTimeout(() => {
+			showPagination.value = false
+			hideTimeout = null
+		}, 3000)
+	}
+
+	function handleCarouselClick() {
+		showPaginationControls()
+	}
+
+	function handleCarouselTouch() {
+		showPaginationControls()
+	}
+
+	function handleOutsideClick(event: MouseEvent | TouchEvent) {
+		const container = document.querySelector('.carousel-container')
+		if (container && !container.contains(event.target as Node)) {
+			showPagination.value = false
+			if (hideTimeout) {
+				window.clearTimeout(hideTimeout)
+				hideTimeout = null
+			}
+		}
+	}
+
 	onMounted(() => {
 		resumeAutoplay()
 		queueDescAnimation()
+
+		// 监听窗口resize事件以更新视频选择
+		handleResize = () => {
+			windowWidth.value = window.innerWidth
+		}
+		window.addEventListener('resize', handleResize)
+
+		// 监听点击轮播图外部区域
+		document.addEventListener('click', handleOutsideClick)
+		document.addEventListener('touchstart', handleOutsideClick)
 	})

 	onBeforeUnmount(() => {
@@ -241,6 +305,18 @@
 		}

 		descTimeline?.kill()
+
+		// 移除resize监听
+		if (handleResize) {
+			window.removeEventListener('resize', handleResize)
+		}
+
+		// 清理定时器和事件监听
+		if (hideTimeout) {
+			window.clearTimeout(hideTimeout)
+		}
+		document.removeEventListener('click', handleOutsideClick)
+		document.removeEventListener('touchstart', handleOutsideClick)
 	})

 	watch(activePage, queueDescAnimation)
@@ -299,6 +375,7 @@
 				color: #ffffff;
 				background: transparent;
 				isolation: isolate;
+				pointer-events: none;
 			}
 			.desc-fill {
 				position: absolute;
@@ -309,6 +386,9 @@
 				background: #a51f24;
 				pointer-events: none;
 			}
+			.desc > * {
+				pointer-events: auto;
+			}

 			.desc-index-group {
 				position: relative;
@@ -379,6 +459,8 @@
 			transform: translateX(100%);
 			transition: transform 0.28s ease;
 			will-change: transform;
+			z-index: 9;
+			opacity: 1;
 		}
 		.carousel-pagination-button {
 			position: relative;
@@ -396,16 +478,16 @@
 			transition: background-color 0.2s ease;
 		}

-		.carousel-pagination-button:hover {
-			background: rgba(255, 255, 255, 0.75);
-		}
+		// .carousel-pagination-button:hover {
+		// 	background: rgba(255, 255, 255, 0.75);
+		// }

-		.carousel-pagination-button:focus-visible {
-			position: relative;
-			z-index: 1;
-			outline: 2px solid #ffffff;
-			outline-offset: -6px;
-		}
+		// .carousel-pagination-button:focus-visible {
+		// 	position: relative;
+		// 	z-index: 1;
+		// 	outline: 2px solid #ffffff;
+		// 	outline-offset: -6px;
+		// }

 		.carousel-pagination-arrow {
 			position: absolute;
@@ -441,36 +523,86 @@
 	}

 	@media (max-width: 768px) {
-		.carousel-slide {
-			min-height: 320px;
-		}
-
 		.home-carousel {
 			.carousel-slide {
+				aspect-ratio: auto;
+				height: 504px;
+				min-height: 504px;
+
+				.carousel-banner {
+					height: 100%;
+				}
+
+				.banner-title {
+					top: 86px;
+					right: auto;
+					left: 30px;
+					width: min(220px, calc(100% - 60px));
+					font-size: 28px;
+					font-weight: 700;
+					line-height: 1.35;
+					letter-spacing: 2px;
+					transform: none;
+				}
+
 				.desc {
 					width: 100%;
 					min-width: 0;
-					height: auto;
-					min-height: 92px;
-					padding: 16px 20px;
+					height: 102px;
+					min-height: 102px;
+					padding: 16px 15px;
+					gap: 18px;
+					background: transparent;
 				}
 				.desc-line {
-					top: -28px;
-					height: 42px;
+					top: -70px;
+					height: 45px;
 				}
 				.desc-index {
-					font-size: 40px;
+					font-size: 32px;
 				}
 				.desc-copy {
 					max-width: none;
-					font-size: 12px;
+					font-size: 11px;
+					font-weight: 600;
+					line-height: 1.45;
 				}
 			}
+
+			.carousel-pagination {
+				width: 50px;
+				height: 102px;
+				transform: translateX(0);
+				opacity: 0;
+				transition: opacity 0.3s ease;
+			}
+
+			.carousel-pagination-button {
+				width: 50px;
+				height: 51px;
+			}
+		}
+
+		.carousel-container.show-pagination .carousel-pagination {
+			opacity: 1;
 		}

 		.carousel-pagination-arrow {
 			width: 18px;
 			height: 18px;
 		}
+
+		.carousel-container:hover .carousel-pagination {
+			transform: translateX(0);
 		}
+	}
+
+	// @media (max-width: 768px) and (min-height: 844px) {
+	// 	.home-carousel {
+	// 		.carousel-slide {
+	// 			height: 504px;
+	// 			min-height: 504px;
+	// 		}
+	// 	}
+	// }
 </style>
--- a/src/pages/home/components/ProductFeature.vue
+++ b/src/pages/home/components/ProductFeature.vue
@@ -5,11 +5,12 @@
 		defineProps<{
 			name: string
 			title: string
-			backgroundImage: string
+			backgroundImage?: string
 			backgroundAlt: string
-			panelImage: string
+			panelImage?: string
 			panelAlt: string
 			reversed?: boolean
+			to: string
 		}>(),
 		{
 			reversed: false
@@ -29,7 +30,7 @@
 				:src="backgroundImage"
 				:alt="backgroundAlt"
 				loading="lazy"
-				translate-x-s="-100"
+				translate-x-s="0"
 				translate-x="100"
 			/>
 			<img
@@ -45,13 +46,8 @@
 		<div class="product-feature-copy">
 			<p class="product-feature-name">{{ name }}</p>
 			<h2 class="product-feature-title">{{ title }}</h2>
-			<RouterLink
-				class="product-feature-link"
-				to="/products"
-				translate-y-s="100"
-				translate-y="0"
-			>
-				View More
+			<RouterLink class="product-feature-link" :to="to">
+				{{ $t('Home.viewMore') }}
 			</RouterLink>
 		</div>
 	</section>
@@ -62,12 +58,18 @@
 		display: flex;
 		align-items: center;
 		gap: clamp(48px, 5.5vw, 76px);
-		width: 1440px;
+		width: 100%;
+		max-width: 1440px;
 		min-width: 0;
 		min-height: 690px;
 		margin: 0 auto;
+		padding: 100px 15px;
+		justify-content: center;
+		box-sizing: border-box;
+		overflow-x: hidden;
 		& > div {
-			width: 50%;
+			// width: 50%;
+			box-sizing: content-box;
 		}
 	}

@@ -88,15 +90,17 @@

 	.product-feature-art {
 		position: relative;
-		width: min(100%, 560px);
+		width: clamp(320px, 45vw, 560px);
 		min-width: 0;
 		min-height: 560px;
 		justify-self: start;
+		flex: 0 1 auto;
+		overflow: hidden;
 	}

 	.product-feature-bg {
 		display: block;
-		width: min(100%, 480px);
+		width: clamp(200px, 70%, 400px);
 		max-width: 100%;
 		height: auto;
 		user-select: none;
@@ -104,52 +108,51 @@

 	.product-feature-panel {
 		position: absolute;
-		right: 0;
-		bottom: 94px;
-		width: min(72%, 380px);
-		max-width: 100%;
+		left: 15%;
+		top: 53.329%;
+		max-width: 400px;
+		width: auto;
 		height: auto;
 		user-select: none;
 	}

 	.product-feature-reversed .product-feature-bg {
-		width: min(100%, 460px);
+		width: 70%;
 		margin-left: auto;
 	}

 	.product-feature-reversed .product-feature-panel {
-		right: auto;
-		left: -88px;
-		bottom: 70px;
-		width: min(78%, 430px);
+		left: 0;
+		top: 53.329%;
 	}

 	.product-feature-copy {
 		position: relative;
 		z-index: 1;
-		max-width: 590px;
+		max-width: 450px;
 		min-width: 0;
 		justify-self: start;
 		padding-bottom: 18px;
+		flex: 1 1 auto;
 	}

 	.product-feature-name {
 		margin: 0 0 20px;
-		color: #6e6e6e;
+		color: #666666;
 		font-family: Poppins, sans-serif;
-		font-size: 18px;
-		font-weight: 700;
+		font-size: 24px;
+		font-weight: 600;
 		line-height: 1;
 		letter-spacing: 2px;
 	}

 	.product-feature-title {
-		margin: 0 0 28px;
-		color: #252525;
+		margin: 0 0 10px;
+		color: #222222;
 		font-family: Poppins, sans-serif;
-		font-size: clamp(30px, 2.8vw, 38px);
-		font-weight: 700;
-		line-height: 1.16;
+		font-size: clamp(24px, 2.8vw, 39px);
+		font-weight: 600;
+		line-height: 1.3em;
 		letter-spacing: 2px;
 		text-transform: none;
 		overflow-wrap: break-word;
@@ -159,19 +162,17 @@
 		display: inline-flex;
 		align-items: center;
 		justify-content: center;
-		min-width: 152px;
-		min-height: 48px;
-		padding: 0 28px;
-		border-radius: 999px;
+		padding: 20px 40px;
+		border-radius: 40px;
 		color: #ffffff;
-		background: #a72125;
+		background: #9a2125;
 		font-family: Poppins, sans-serif;
-		font-size: 10px;
-		font-weight: 700;
-		line-height: 1;
+		font-size: 14px;
+		font-weight: 600;
 		letter-spacing: 2px;
 		text-decoration: none;
 		text-transform: uppercase;
+		margin-top: 12px;
 		transition:
 			background-color 0.2s ease,
 			transform 0.2s ease;
@@ -179,23 +180,23 @@

 	.product-feature-link:hover,
 	.product-feature-link:focus-visible {
-		background: #8e171b;
+		background: #63504b;
 		transform: translateY(-1px);
 	}

 	.product-feature-link:focus-visible {
-		outline: 2px solid #a72125;
+		outline: 2px solid #9a2125;
 		outline-offset: 4px;
 	}

-	@media (max-width: 980px) {
+	@media (max-width: 1024px) {
 		.product-feature,
 		.product-feature-reversed {
-			grid-template-columns: 1fr;
+			flex-direction: column-reverse;
 			gap: 24px;
 			width: min(680px, calc(100% - 40px));
 			min-height: 0;
-			padding: 70px 0;
+			padding: 60px 0;
 		}

 		.product-feature-reversed .product-feature-art,
@@ -218,20 +219,30 @@
 			padding-bottom: 0;
 		}

+		.product-feature-panel,
 		.product-feature-reversed .product-feature-panel {
-			left: 0;
+			max-width: 60%;
+		}
+
+		.product-feature-title {
+			font-size: 32px;
+		}
+
+		.product-feature-link {
+			font-size: 12px;
 		}
 	}

-	@media (max-width: 640px) {
+	@media (max-width: 767px) {
 		.product-feature,
 		.product-feature-reversed {
 			width: calc(100% - 32px);
-			padding: 52px 0;
+			gap: 28px;
+			padding: 20px 0;
 		}

 		.product-feature-art {
-			min-height: clamp(300px, 82vw, 430px);
+			min-height: clamp(280px, 82vw, 360px);
 		}

 		.product-feature-copy,
@@ -242,28 +253,54 @@
 		}

 		.product-feature-bg {
-			width: 78%;
+			width: 70%;
+			border-radius: 10px;
 		}

 		.product-feature-panel,
 		.product-feature-reversed .product-feature-panel {
 			left: auto;
-			right: 0;
-			bottom: 42px;
-			width: 68%;
+			right: 12px;
+			bottom: 22px;
+			top: auto;
+			max-width: 70%;
 		}

 		.product-feature-reversed .product-feature-bg {
-			width: 72%;
+			width: 70%;
+			margin-right: 16px;
+			margin-left: auto;
+		}
+
+		.product-feature-reversed .product-feature-panel {
+			right: auto;
+			left: 18px;
+			bottom: 16px;
+			top: auto;
+			max-width: 70%;
+		}
+
+		.product-feature-name {
+			margin-bottom: 16px;
+			font-size: 24px;
+			font-weight: 600;
+			letter-spacing: 1.5px;
 		}

 		.product-feature-title {
 			width: 100%;
 			max-width: 100%;
-			font-size: clamp(26px, 7.2vw, 30px);
-			line-height: 1.2;
+			margin-bottom: 10px;
+			font-size: 24px;
+			font-weight: 600;
+			line-height: 1.35;
 			letter-spacing: 1.2px;
 			overflow-wrap: anywhere;
 		}
+
+		.product-feature-link {
+			font-size: 12px;
+			padding: 16px 32px;
+		}
 	}
 </style>
--- a/src/pages/home/components/ProjectCta.vue
+++ b/src/pages/home/components/ProjectCta.vue
@@ -5,9 +5,9 @@ import { RouterLink } from 'vue-router'
 <template>
 	<section class="project-cta">
 		<div class="project-cta-inner">
-			<h2 class="project-cta-title">Talk To Us About Your Next Project</h2>
-			<RouterLink class="project-cta-link" to="/contact">
-				Contact Us
+			<h2 class="project-cta-title">{{ $t('Home.contactSlogan') }}</h2>
+			<RouterLink class="project-cta-link" to="/contact-us">
+				{{ $t('Home.contactUs') }}
 			</RouterLink>
 		</div>
 	</section>
@@ -18,16 +18,15 @@ import { RouterLink } from 'vue-router'
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		min-height: 435px;
-		padding: 72px 20px;
-		background: #473935;
+		padding: 200px 0;
+		background: #463A37;
 	}

 	.project-cta-inner {
 		display: flex;
 		flex-direction: column;
 		align-items: center;
-		gap: 38px;
+		gap: 20px;
 		text-align: center;
 	}

@@ -35,9 +34,9 @@ import { RouterLink } from 'vue-router'
 		margin: 0;
 		color: #ffffff;
 		font-family: Poppins, sans-serif;
-		font-size: clamp(22px, 2vw, 27px);
-		font-weight: 700;
-		line-height: 1.35;
+		font-size: clamp(22px, 2vw, 29px);
+		font-weight: 600;
+		line-height: 1.3em;
 		letter-spacing: 2px;
 		text-transform: capitalize;
 	}
@@ -46,16 +45,14 @@ import { RouterLink } from 'vue-router'
 		display: inline-flex;
 		align-items: center;
 		justify-content: center;
-		min-width: 158px;
-		min-height: 48px;
-		padding: 0 28px;
-		border-radius: 999px;
+		padding: 20px 40px;
+		border-radius: 40px;
 		color: #ffffff;
-		background: #ad2228;
+		background: #9A2125;
 		font-family: Poppins, sans-serif;
-		font-size: 10px;
-		font-weight: 700;
-		line-height: 1;
+		font-size: 14px;
+		font-weight: 600;
+		line-height: 1.2em;
 		letter-spacing: 2px;
 		text-decoration: none;
 		text-transform: uppercase;
@@ -66,7 +63,7 @@ import { RouterLink } from 'vue-router'

 	.project-cta-link:hover,
 	.project-cta-link:focus-visible {
-		background: #93191f;
+		background: #000000;
 		transform: translateY(-1px);
 	}

@@ -75,9 +72,24 @@ import { RouterLink } from 'vue-router'
 		outline-offset: 4px;
 	}

-	@media (max-width: 640px) {
+	@media (max-width: 767px) {
 		.project-cta {
-			min-height: 340px;
+			padding: 100px 0;
+		}
+
+		.project-cta-inner {
+			gap: 20px;
+		}
+
+		.project-cta-title {
+			font-size: 22px;
+			line-height: 1.4;
+			letter-spacing: 1.2px;
+		}
+
+		.project-cta-link {
+			font-size: 12px;
+			padding: 16px 32px;
 		}
 	}
 </style>
--- a/src/pages/home/index.vue
+++ b/src/pages/home/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
+	import { watch, computed } from 'vue'
 	import { useHead } from '@unhead/vue'
-	import aidaIntroBg from '@/assets/images/home/aida-intro-bg.png'
 	import aidaPanel from '@/assets/images/home/aida-panel.png'
 	import homeAiLogo from '@/assets/images/home/home-ai-logo.png'
 	import mixiIntroBg from '@/assets/images/home/mixi-intro-bg.png'
@@ -8,35 +8,46 @@
 	import HomeCarousel from './components/Carousel.vue'
 	import ProductFeature from './components/ProductFeature.vue'
 	import ProjectCta from './components/ProjectCta.vue'
+	import { IMAGE_BASE_URL } from '@/tools/config'
+	import { useI18n } from 'vue-i18n'

-	const productFeatures = [
+	const { t, locale } = useI18n()
+
+	const productFeatures = computed(() => {
+		return [
 			{
 				name: 'AiDA 3.1',
-			title: 'Empowers fashion designers to create a collection with just a few clicks based on their creative inspirations.',
-			backgroundImage: aidaIntroBg,
+				title: t('Home.aidaDesc'),
+				backgroundImage: `${IMAGE_BASE_URL}/2022/11/aida_intro_01_bg.png`,
 				backgroundAlt: 'Fashion design sketches on paper',
-			panelImage: aidaPanel,
+				panelImage: `${IMAGE_BASE_URL}/2024/01/new-layout-1.png`,
 				panelAlt: 'AiDA design workspace preview',
-			reversed: false
+				reversed: false,
+				to: '/aida'
 			},
 			{
 				name: 'Mixi',
-			title: "Drives sales by improving shoppers' experience through precise and fast search.",
-			backgroundImage: mixiIntroBg,
+				title: t('Home.mixiSlogan'),
+				backgroundImage: `${IMAGE_BASE_URL}/2022/11/mixi_intro_01_bg.png`,
 				backgroundAlt: 'Layered fabric texture',
-			panelImage: mixiPanel,
+				panelImage: `${IMAGE_BASE_URL}/2022/11/mixi_intro_01_panel.png`,
 				panelAlt: 'Mixi visual search interface preview',
-			reversed: true
+				reversed: true,
+				to: '/mixi'
 			}
-	] as const
+		]
+	})
+
+	watch(locale, () => {
+		location.reload()
+	})

 	useHead({
-		title: 'Home | Code Create',
+		title: t('Home.title'),
 		meta: [
 			{
 				name: 'description',
-				content:
-					'Code Create revitalises the fashion ecosystem through artificial intelligence.'
+				content: t('Home.description')
 			}
 		]
 	})
@@ -57,8 +68,8 @@
 					:src="homeAiLogo"
 					alt="Code Create"
 					loading="lazy"
-					translate-y-s="80"
-					translate-y="0"
+					translate-y-s="-20"
+					translate-y="20"
 				/>
 				<h1
 					id="ecosystem-title"
@@ -66,10 +77,10 @@
 					translate-y-s="-60"
 					translate-y="0"
 				>
-					Revitalise The Fashion Ecosystem
+					{{ $t('Home.slogan') }}
 				</h1>
 				<p translate-y-s="-60" translate-y="0" class="ecosystem-subtitle">
-					Through Artificial Intelligence (AI)
+					{{ $t('Home.subSlogan') }}
 				</p>
 			</section>

@@ -78,6 +89,7 @@
 				:key="feature.name"
 				:name="feature.name"
 				:title="feature.title"
+				:to="feature.to"
 				:background-image="feature.backgroundImage"
 				:background-alt="feature.backgroundAlt"
 				:panel-image="feature.panelImage"
@@ -98,7 +110,7 @@
 	}

 	.home-content {
-		padding: clamp(116px, 10vw, 172px) 0 clamp(92px, 8vw, 126px);
+		padding: 100px 0;
 		background: #ffffff;
 	}

@@ -107,28 +119,29 @@
 		flex-direction: column;
 		align-items: center;
 		justify-content: center;
-		padding: 0 20px clamp(92px, 10vw, 150px);
+		padding: 0 0 100px;
 		text-align: center;
 	}

 	.ecosystem-logo {
 		display: block;
-		width: clamp(146px, 15vw, 184px);
+		width: auto;
+		max-width: 100%;
 		height: auto;
-		margin-bottom: 30px;
+		margin-bottom: 16px;
 		user-select: none;
 	}

 	.ecosystem-title {
 		width: 100%;
 		max-width: 100%;
-		margin: 0 0 9px;
-		color: #101010;
+		margin: 0 0 8px;
+		color: #222222;
 		font-family: Poppins, sans-serif;
-		font-size: clamp(18px, 1.65vw, 22px);
-		font-weight: 700;
-		line-height: 1.25;
-		letter-spacing: 4px;
+		font-size: 24px;
+		font-weight: 600;
+		line-height: 1;
+		letter-spacing: 2px;
 		text-transform: uppercase;
 		overflow-wrap: break-word;
 	}
@@ -136,46 +149,51 @@
 	.ecosystem-subtitle {
 		width: 100%;
 		margin: 0;
-		color: #101010;
+		color: #333333;
 		font-family: Poppins, sans-serif;
-		font-size: clamp(13px, 1.2vw, 16px);
+		font-size: 18px;
 		font-weight: 600;
-		line-height: 1.35;
-		letter-spacing: 2.5px;
+		line-height: 1;
+		letter-spacing: 2px;
 	}

-	@media (max-width: 980px) {
+	@media (max-width: 1024px) {
 		.home-content {
-			padding: 96px 0 64px;
+			padding: 60px 0;
 		}

 		.ecosystem-intro {
-			padding-bottom: 50px;
+			padding-bottom: 60px;
 		}
 	}

-	@media (max-width: 640px) {
+	@media (max-width: 767px) {
 		.home-content {
-			padding: 72px 0 36px;
+			padding: 40px 0;
+		}
+
+		.ecosystem-intro {
+			padding: 40px 20px 40px 20px;
 		}

 		.ecosystem-logo {
-			width: 138px;
-			margin-bottom: 22px;
+			width: 100px;
+			margin-bottom: 54px;
 		}

 		.ecosystem-title {
 			width: min(100%, 330px);
 			max-width: none;
-			font-size: 14px;
-			letter-spacing: 1.5px;
-			line-height: 1.45;
+			margin-bottom: 20px;
+			font-size: 24px;
+			letter-spacing: 2px;
+			line-height: 1;
 			overflow-wrap: anywhere;
 		}

 		.ecosystem-subtitle {
-			font-size: 12px;
-			letter-spacing: 1.5px;
+			font-size: 18px;
+			letter-spacing: 2px;
 		}
 	}
 </style>
--- a/src/pages/media/index.vue
+++ b/src/pages/media/index.vue
@@ -0,0 +1,211 @@
+<template>
+	<div class="media">
+		<img class="bg" src="@/assets/images/media/bg.jpg" alt="" />
+		<section class="header">
+			<h1 v-custom-animation.once duration="1s" translate-y-s="-100%" opacity-s="0">
+				{{ $t('MainHeader.Media') }}
+			</h1>
+		</section>
+		<section class="content">
+			<div class="box">
+				<div class="nav">
+					<span
+						class="hover-bottom-animation center"
+						v-for="v in navList"
+						:key="v.value"
+						:class="{ active: v.value === nav }"
+						@click="nav = v.value"
+						>{{ v.label }}</span
+					>
+				</div>
+				<div class="list">
+					<div class="item" v-for="v in list as any" :key="nav + v.text">
+						<span class="date">{{ FormatDate(v.date, 'SM D, YYYY') }}</span>
+						<a class="text" :href="v.url" target="_blank">{{ v.text }}</a>
+					</div>
+				</div>
+			</div>
+		</section>
+	</div>
+</template>
+<script setup lang="ts">
+	import { useHead } from '@unhead/vue'
+	import { computed, ref } from 'vue'
+	import listEn from './list-en.js'
+	import listZhCn from './list-zh-cn.js'
+	import listZhTw from './list-zh-tw.js'
+	import { LangType } from '../../lang'
+	import { useI18n } from 'vue-i18n'
+	const { t, locale } = useI18n()
+	const allList = computed(() => {
+		if (locale.value === LangType.zhCn) {
+			return listZhCn
+		}
+		if (locale.value === LangType.zhTw) {
+			return listZhTw
+		}
+		return listEn
+	})
+	const list = computed(() => {
+		return allList.value.filter((v) =>
+			nav.value === 0 ? true : new Date(v.date).getFullYear() === nav.value
+		)
+	})
+	const nav = ref(0)
+	const navList = computed(() => {
+		const arr = [
+			{
+				label: 'All',
+				value: 0
+			}
+		]
+		allList.value.forEach((v) => {
+			const year = new Date(v.date).getFullYear()
+			if (!arr.find((item) => item.value === year)) {
+				arr.push({
+					label: String(year),
+					value: year
+				})
+			}
+		})
+		return arr
+	})
+	const FormatDate = (value = new Date(), format: string = 'YYYY-MM-DD HH:mm:ss') => {
+		const d = new Date(value)
+		if (!d || isNaN(d.getTime())) return 'Invalid Date'
+		const pad = (n) => String(n).padStart(2, '0')
+		const months = [
+			'Jan',
+			'Feb',
+			'Mar',
+			'Apr',
+			'May',
+			'Jun',
+			'Jul',
+			'Aug',
+			'Sep',
+			'Oct',
+			'Nov',
+			'Dec'
+		]
+		const tokens = {
+			YYYY: d.getFullYear(),
+			YY: String(d.getFullYear()).slice(-2),
+			MM: pad(d.getMonth() + 1),
+			M: d.getMonth() + 1,
+			SM: months[d.getMonth()],
+			DD: pad(d.getDate()),
+			D: d.getDate(),
+			HH: pad(d.getHours()),
+			H: d.getHours(),
+			hh: pad(d.getHours() % 12 || 12),
+			h: d.getHours() % 12 || 12,
+			mm: pad(d.getMinutes()),
+			m: d.getMinutes(),
+			ss: pad(d.getSeconds()),
+			s: d.getSeconds(),
+			A: d.getHours() < 12 ? 'AM' : 'PM',
+			a: d.getHours() < 12 ? 'am' : 'pm'
+		}
+		const reg = new RegExp(Object.keys(tokens).join('|'), 'g')
+		return format.replace(reg, (match) => tokens[match])
+	}
+	useHead({
+		title: t('MainHeader.Media') + ' - Code-Create'
+	})
+</script>
+
+<style scoped lang="less">
+	.media {
+		--bg-height: 464px;
+		> * {
+			position: relative;
+			z-index: 1;
+		}
+		> .bg {
+			height: var(--bg-height);
+			width: 100%;
+			object-fit: cover;
+			position: fixed;
+			top: 0;
+			z-index: 0;
+		}
+		> .header {
+			height: var(--bg-height);
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			> h1 {
+				font-size: 64px;
+				font-weight: 600;
+				letter-spacing: 2px;
+				color: #fff;
+			}
+		}
+		> .content {
+			width: 100%;
+			padding: 100px 0;
+			background-color: #f9f9f9;
+			font-size: 14px;
+			> .box {
+				max-width: 1140px;
+				padding: 0 20px;
+				margin: 0 auto;
+				> .nav {
+					display: flex;
+					align-items: center;
+					gap: 30px;
+					> span {
+						--background-color: #a4004f;
+						line-height: 34px;
+						color: #333;
+					}
+				}
+				> .list {
+					padding: 14px;
+					> div {
+						animation: opacity-in 0.3s ease-in-out;
+						margin-top: 14px;
+						margin-bottom: 10px;
+						display: flex;
+						> .date {
+							min-width: 130px;
+							margin-right: 10px;
+							color: #999;
+						}
+						> .text {
+							color: #222;
+							text-decoration: none;
+						}
+					}
+				}
+			}
+		}
+		@media (max-width: 800px) {
+			--bg-height: 239px;
+			> .content {
+				padding: 30px 0;
+				> .box {
+					> .nav {
+						margin-bottom: 20px;
+					}
+					> .list {
+						padding: 0;
+						> div {
+							> .date {
+								min-width: 0;
+								width: 25%;
+								margin-right: 10px;
+								color: #999;
+								flex-shrink: 0;
+							}
+							> .text {
+								color: #222;
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+</style>
--- a/src/pages/media/list-en.js
+++ b/src/pages/media/list-en.js
@@ -0,0 +1,407 @@
+export default [
+	{
+		"date": 1745942400000,
+		"text": "Congratulations to Code-Create for being named one of Hong Kong’s Hottest Startups of 2025",
+		"url": "https://hongkongbusiness.hk/markets-investing/exclusive/hong-kongs-hottest-startups-2025"
+	},
+	{
+		"date": 1745078400000,
+		"text": "AI-Powered Design Curriculum: Pioneering Creativity in Fashion Education",
+		"url": "https://code-create.com.hk/ai-powered-design-curriculum-pioneering-creativity-in-fashion-education/"
+	},
+	{
+		"date": 1744732800000,
+		"text": "Code-Create x BIFU: Breakthrough in the AI Era",
+		"url": "https://code-create.com.hk/code-create-x-bifu-breakthrough-in-the-ai-era/"
+	},
+	{
+		"date": 1744214400000,
+		"text": "South Korean brand BESFXXK leveraged AiDA to create its 2025 FW ready-to-wear collection.",
+		"url": "https://code-create.com.hk/south-korean-brand-besfxxk-leveraged-aida-to-create-its-2025-fw-ready-to-wear-collection/"
+	},
+	{
+		"date": 1744041600000,
+		"text": "AiDA: Accelerating Fashion Design Efficiency by Over 60%",
+		"url": "https://hongkongbusiness.hk/information-technology/exclusive/code-create-uses-ai-quick-fashion"
+	},
+	{
+		"date": 1743436800000,
+		"text": "Ms. Kim Wong Breaks Down How AI Is Reshaping Sustainable Fashion",
+		"url": "https://code-create.com.hk/ms-kim-wong-breaks-down-how-ai-is-reshaping-sustainable-fashion/"
+	},
+	{
+		"date": 1743350400000,
+		"text": "The AiDA Workshop was successfully held in Shenzhen",
+		"url": "https://code-create.com.hk/the-aida-workshop-was-successfully-held-in-shenzhen/"
+	},
+	{
+		"date": 1741708800000,
+		"text": "AiDA x SFT Fashion AI Award Successfully Finished",
+		"url": "https://code-create.com.hk/aida-x-sft-fashion-ai-award-successfully-finished/"
+	},
+	{
+		"date": 1741276800000,
+		"text": "Feminine Power: Ms. Kim Wong's Journey in Fashion and AI",
+		"url": "https://code-create.com.hk/feminine-power-ms-kim-wongs-journey-in-fashion-and-ai/"
+	},
+	{
+		"date": 1739980800000,
+		"text": "Achieving Excellence in Design within an Hour!",
+		"url": "https://code-create.com.hk/achieving-excellence-in-design-within-an-hour/"
+	},
+	{
+		"date": 1739894400000,
+		"text": "Brainstorm with AI！！",
+		"url": "https://code-create.com.hk/brainstorm-with-ai/"
+	},
+	{
+		"date": 1735574400000,
+		"text": "New Year 2025！Let's kick off the year with a burst of inspiration and design",
+		"url": "https://code-create.com.hk/new-year-2025%ef%bc%81lets-kick-off-the-year-with-a-burst-of-inspiration-and-design/"
+	},
+	{
+		"date": 1735488000000,
+		"text": "Announcing the Finalists for AiDA Fashion AI Award",
+		"url": "https://code-create.com.hk/announcing-the-finalists-for-aida-fashion-ai-award/"
+	},
+	{
+		"date": 1733500800000,
+		"text": "Code-Create's CEO Kim Wong Honored with Best Paper Award at 2024 International Fashion Conference",
+		"url": "https://code-create.com.hk/code-creates-ceo-kim-wong-honored-with-best-paper-award-at-2024-international-fashion-conference/"
+	},
+	{
+		"date": 1733500800000,
+		"text": "【2024 FABI KOREA Conference】：Revolutionizing Fashion Design with AiDA",
+		"url": "https://code-create.com.hk/revolutionizing-fashion-design-with-aida/"
+	},
+	{
+		"date": 1732723200000,
+		"text": "Hanyang University Meets AiDA: A Fusion of Creativity and Technology",
+		"url": "https://code-create.com.hk/hanyang-university-meets-aida/"
+	},
+	{
+		"date": 1731513600000,
+		"text": "AiDA Workshop",
+		"url": "https://code-create.com.hk/aida-workshop/"
+	},
+	{
+		"date": 1731513600000,
+		"text": "AiDA X SFT AI Fashion Award 2024",
+		"url": "https://code-create.com.hk/fashionaward2024/"
+	},
+	{
+		"date": 1725379200000,
+		"text": "Hong Kong’s fashion tech start-up raises funds, eyes mainland, South Korea growth markets",
+		"url": "https://www.scmp.com/business/article/3276909/hong-kongs-fashion-tech-start-raises-funds-eyes-mainland-south-korea-growth-markets"
+	},
+	{
+		"date": 1721750400000,
+		"text": "AiDA@Victoria and Albert Museum, London: Fusing Cultural Heritage with Fashion's Future",
+		"url": "https://www.linkedin.com/feed/update/urn:li:activity:7221408716032462848/"
+	},
+	{
+		"date": 1714752000000,
+		"text": "Code-Create's AiDA Wins Prestigious iF DESIGN AWARD 2024 for Revolutionary Fashion AI Solution!",
+		"url": "https://ifdesign.com/en/winner-ranking/project/ai-based-interactive-design-assistant-for-fashion/612599"
+	},
+	{
+		"date": 1702569600000,
+		"text": "Revolutionizing the Runway: An Interview with the Minds Behind AiDA and Code-Create",
+		"url": "https://www.therobinreport.com/emerging-fashiontech-revitalizes-the-runway/"
+	},
+	{
+		"date": 1702224000000,
+		"text": "AiDA in \"The State of Fashion 2024\" by The Business of Fashion & McKinsey & Company",
+		"url": "https://m.facebook.com/story.php?story_fbid=pfbid034wqt5GJTsYUzkew45wVFwNowBKyrJnpM6bdbG9HxXE9KtxaXz7UfoiZvy77gQzGrl&id=100089090823961"
+	},
+	{
+		"date": 1674057600000,
+		"text": "What Does The AI Design Hype Mean For Fashion?",
+		"url": "https://jingdaily.com/what-does-the-ai-design-hype-mean-for-fashion/?utm_source=Jing+Daily+Subscriber+List&utm_campaign=3adfaa612e-EMAIL_CAMPAIGN_2020_03_12_06_39_COPY_01&utm_medium=email&utm_term=0_8dec01cd8d-3adfaa612e-408343694"
+	},
+	{
+		"date": 1673193600000,
+		"text": "Artificial intelligence meets fashion: How AiDA is disrupting design",
+		"url": "https://insideretail.asia/2023/01/09/artificial-intelligence-meets-fashion-how-aida-is-disrupting-design/?utm_source=ActiveCampaign&utm_medium=email&utm_content=Sogo+store+to+close%3B+MLB+enters+new+market%3B+How+AiDA+is+disrupting+design&utm_campaign=IRAsia+NB+20230110"
+	},
+	{
+		"date": 1671638400000,
+		"text": "Artificial Intelligence Times 인공지능으로 패션 패러다임 바꾼다!... 홍콩 '코드 크리에이트', 세계 첫 패션 AI 플랫폼 선보여",
+		"url": "https://www.aitimes.kr/news/articleView.html?idxno=26880"
+	},
+	{
+		"date": 1671638400000,
+		"text": "Chill Blog Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://blog.chillpainai.com/post/6101/Code-Create-Introduces-AiDA-by-AiDLab,-The-World%E2%80%99s-First-Fashion-AI-Platform-For-Limitless-Original-Designs-Based-On-Designer%E2%80%99s-Creative-Inspirations"
+	},
+	{
+		"date": 1671552000000,
+		"text": "AsiaOne Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://www.asiaone.com/business/code-create-introduces-aida-aidlab-world-s-first-fashion-ai-platform-limitless-original"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Hinet Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://times.hinet.net/news/24318382"
+	},
+	{
+		"date": 1671552000000,
+		"text": "HiNet生活志 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://times.hinet.net/news/24318382"
+	},
+	{
+		"date": 1671552000000,
+		"text": "iFeng (凤凰网大风号) Code-Create 推出全球首个以设计师原创灵感主导的时尚AI平台AiDA",
+		"url": "https://ishare.ifeng.com/c/s/v002f-_VURmngRIzUpG--mgyhoqDyv--4DBWXqIqnSFpLlr3lI__"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Intellasia.Net Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://www.intellasia.net/code-create-introduces-aida-by-aidlab-the-worlds-first-fashion-ai-platform-for-limitless-original-designs-based-on-designers-creative-inspirations-1127737"
+	},
+	{
+		"date": 1671552000000,
+		"text": "IT News Africa Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://www.itnewsafrica.com/media-outreach/?release_id=188078"
+	},
+	{
+		"date": 1671552000000,
+		"text": "IT News Online Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "http://www.itnewsonline.com/news/Code-Create-Introduces-AiDA-by-AiDLab--The-Worlds-First-Fashion-AI-Platform-For-Limitless-Original-Designs-Based-On-Designers-Creative-Inspirations/12505"
+	},
+	{
+		"date": 1671552000000,
+		"text": "MeNews Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://menews.info/media-outreach?release_id=188135"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Newswire 코드-크리에이트, 오리지널 디자인용 패션 AI 플랫폼 선봬",
+		"url": "http://m.newswire.co.kr/newsRead.php?no=958437"
+	},
+	{
+		"date": 1671552000000,
+		"text": "SBS 코드-크리에이트, 오리지널 디자인용 패션 AI 플랫폼 선봬",
+		"url": "http://press.sbs.co.kr/newsRead.php?no=958437"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Sohu (搜狐) Code-Create 推出全球首个以设计师原创灵感主导的时尚AI平台AiDA",
+		"url": "https://www.sohu.com/a/619520317_100195612"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Taiwan News Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://www.taiwannews.com.tw/en/news/4757264"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Tencent (腾讯企鹅号) Code-Create 推出全球首个以设计师原创灵感主导的时尚AI平台AiDA， 由AiDLab研发，带来无限设计方案",
+		"url": "https://page.om.qq.com/page/O3WEjJ6MkVzTgi6uMd7-i6CA0"
+	},
+	{
+		"date": 1671552000000,
+		"text": "The Hans India Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://www.thehansindia.com/mediaoutreach?release_id=188078"
+	},
+	{
+		"date": 1671552000000,
+		"text": "United Daily News Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://money.udn.com/money/story/12987/6853916"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Vietnam Insider Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://vietnaminsider.vn/media-outreach/?release_id=188078"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Yahoo Finance Australia Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://au.finance.yahoo.com/news/code-create-introduces-aida-aidlab-020000024.html"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Yahoo Finance Hong Kong Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://hk.finance.yahoo.com/news/code-create-introduces-aida-aidlab-020000024.html?guccounter=1&guce_referrer=aHR0cHM6Ly9yZWxlYXNlLm1lZGlhLW91dHJlYWNoLmNvbS8&guce_referrer_sig=AQAAAE93ZnbHKPo0CFlmrig9gTYtMPhPlx4sm7FqkMbA7_cTPIMLNzoCa8iEhw4B_-2j8j8LgBMkZxFKKNtBO_VkhNzNp41NG-foMIuzKV3iHTIRQJE3ACBZpO9c_LUCT-iHh_zXVhrKMWlQrR8CbaFMHsUniVH4_9qVR_msykQq3Ncb"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Yahoo Finance New Zealand Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://nz.finance.yahoo.com/news/code-create-introduces-aida-aidlab-020000024.html"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Yahoo Finance Singapore Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://sg.finance.yahoo.com/news/code-create-introduces-aida-aidlab-020000024.html"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Yahoo News Indonesia Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://id.berita.yahoo.com/code-create-introduces-aida-aidlab-020000024.html"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Yahoo News Malaysia Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://malaysia.news.yahoo.com/code-create-introduces-aida-aidlab-020000024.html"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Yahoo News Philippines Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://ph.news.yahoo.com/code-create-introduces-aida-aidlab-020000024.html"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Yahoo News Taiwan Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://tw.news.yahoo.com/code-create-introduces-aida-aidlab-020000024.html"
+	},
+	{
+		"date": 1671552000000,
+		"text": "匯港資訊 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "http://www.infocastfn.com/zh/web/guest/media-outreach?release_id=1739134"
+	},
+	{
+		"date": 1671552000000,
+		"text": "南洋視界 Code-Create 推出全球首个以设计师原创灵感主导的时尚AI平台AiDA， 由AiDLab研发，带来无限设计方案",
+		"url": "http://sg.nanyangpost.com/p/mediaoutreach.html?release_id=188142"
+	},
+	{
+		"date": 1671552000000,
+		"text": "南洋視界 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "http://sg.nanyangpost.com/p/mediaoutreach.html?release_id=188078"
+	},
+	{
+		"date": 1671552000000,
+		"text": "台灣經濟日報 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://money.udn.com/money/story/12987/6853916"
+	},
+	{
+		"date": 1671552000000,
+		"text": "台灣英文新聞 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://www.taiwannews.com.tw/en/news/4757264"
+	},
+	{
+		"date": 1671552000000,
+		"text": "商業焦點 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://businessfocus.io/article/219285/code-create-%E6%8E%A8%E5%87%BA%E5%85%A8%E7%90%83%E9%A6%96%E5%80%8B%E4%BB%A5%E8%A8%AD%E8%A8%88%E5%B8%AB%E5%8E%9F%E5%89%B5%E9%9D%88%E6%84%9F%E4%B8%BB%E5%B0%8E%E7%9A%84%E6%99%82%E5%B0%9Aai%E5%B9%B3%E5%8F%B0aida-%E7%94%B1aidlab%E7%A0%94%E7%99%BC-%E5%B8%B6%E4%BE%86%E7%84%A1%E9%99%90%E8%A8%AD%E8%A8%88%E6%96%B9%E6%A1%88"
+	},
+	{
+		"date": 1671552000000,
+		"text": "奧丁丁新聞 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://www.owlting.com/news/articles/239842"
+	},
+	{
+		"date": 1671552000000,
+		"text": "媒體拓展 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://www.media-outreach.com/news/hong-kong/2022/12/21/188078/code-create-introduces-aida-by-aidlab-the-worlds-first-fashion-ai-platform-for-limitless-original-designs-based-on-designers-creative-inspirations/"
+	},
+	{
+		"date": 1671552000000,
+		"text": "愛威信3C科技生活 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://www.iwaishin.com/media-outreach-news/?release_id=188135"
+	},
+	{
+		"date": 1671552000000,
+		"text": "新加坡 Asiaone 新聞網 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://www.asiaone.com/business/code-create-introduces-aida-aidlab-world-s-first-fashion-ai-platform-limitless-original"
+	},
+	{
+		"date": 1671552000000,
+		"text": "新浪 Code-Create 推出全球首个以设计师原创灵感主导的时尚AI平台AiDA",
+		"url": "http://t.cj.sina.com.cn/articles/view/6447970018/1805436e200101202p"
+	},
+	{
+		"date": 1671552000000,
+		"text": "新浪香港 Code-Create 推出全球首个以设计师原创灵感主导的时尚AI平台AiDA， 由AiDLab研发，带来无限设计方案",
+		"url": "https://www.sina.com.hk/news/article/20221221/2/80/40/Code-Create-%E6%8E%A8%E5%87%BA%E5%85%A8%E7%90%83%E9%A6%96%E4%B8%AA%E4%BB%A5%E8%AE%BE%E8%AE%A1%E5%B8%88%E5%8E%9F%E5%88%9B%E7%81%B5%E6%84%9F%E4%B8%BB%E5%AF%BC%E7%9A%84%E6%97%B6%E5%B0%9AAI%E5%B9%B3%E5%8F%B0AiDA-%E7%94%B1AiDLab%E7%A0%94%E5%8F%91%E5%B8%A6%E6%9D%A5%E6%97%A0%E9%99%90%E8%AE%BE%E8%AE%A1%E6%96%B9%E6%A1%88-14891863.html"
+	},
+	{
+		"date": 1671552000000,
+		"text": "新浪香港 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://www.sina.com.hk/news/article/20221221/2/80/40/Code-Create-Introduces-AiDA-by-AiDLab-The-Worlds-First-Fashion-AI-Platform-For-Limitless-Original-Designs-Based-On-Designers-Creative-Inspirations-14891912.html"
+	},
+	{
+		"date": 1671552000000,
+		"text": "新頭條 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://www.thehubnews.net/archives/177043"
+	},
+	{
+		"date": 1671552000000,
+		"text": "經濟通 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "http://www.etnet.com.hk/www/tc/news/mediaoutreach_news_detail.php?newsid=188078"
+	},
+	{
+		"date": 1671552000000,
+		"text": "經濟通 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA, 由AiDLab研發,帶來無限設計方案",
+		"url": "http://www.etnet.com.hk/www/tc/news/mediaoutreach_news_detail.php?newsid=188135"
+	},
+	{
+		"date": 1671552000000,
+		"text": "華富財經 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://www.quamnet.com/post/FIJ_CaMolwtmcgHUKIKrX"
+	},
+	{
+		"date": 1671552000000,
+		"text": "觀傳媒 全球首個｜AI時裝設計助理系統「AiDA」面市",
+		"url": "https://thekwun.com/2022/12/21/%E5%85%A8%E7%90%83%E9%A6%96%E5%80%8B%EF%BD%9Cai%E6%99%82%E8%A3%9D%E8%A8%AD%E8%A8%88%E5%8A%A9%E7%90%86%E7%B3%BB%E7%B5%B1%E3%80%8Caida%E3%80%8D%E9%9D%A2%E5%B8%82-10%E7%A7%92%E5%BB%BA%E7%AB%8B%E5%8E%9F/"
+	},
+	{
+		"date": 1671552000000,
+		"text": "財經智珠網 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "http://www.dbpower.com.hk/ch/news/news-finance-news-outreach/?uid=chhttps:release.phpView188135Contact"
+	},
+	{
+		"date": 1671552000000,
+		"text": "香港矽谷 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://www.hksilicon.com/articles/2238227"
+	},
+	{
+		"date": 1671552000000,
+		"text": "馬來郵報 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://www.malaymail.com/news/money/mediaoutreach/2022/12/21/code-create-introduces-aida-by-aidlab-the-worlds-first-fashion-ai-platform-for-limitless-original-designs-based-on-designers-creative-inspirations/188078"
+	},
+	{
+		"date": 1671465600000,
+		"text": "Finance 730 AiDLab 主辦的「FASHION X AI 時裝匯演」昨在 M+ 舉行",
+		"url": "https://hk.finance.yahoo.com/news/aidlab-%E4%B8%BB%E8%BE%A6%E7%9A%84-fashion-x-ai-032914123.html"
+	},
+	{
+		"date": 1671465600000,
+		"text": "Infocast AiDLab主辦的「FASHIONXAI時裝匯演」昨在M+舉行",
+		"url": "http://www.infocastfn.com/zh_TW/web/guest/infocast-news"
+	},
+	{
+		"date": 1671465600000,
+		"text": "Quamnet AiDLab主辦的「FASHIONXAI時裝匯演」昨在M+舉行",
+		"url": "https://www.quamnet.com/post/DoqyrRvT2RITRvwGGa9bY?type=news&theater"
+	},
+	{
+		"date": 1671465600000,
+		"text": "紫荊App(科创) “時尚 x 人工智能: 2022-2023” 國際匯展在M+掀起時裝業革命",
+		"url": "https://zijing.com.cn/h5/article/2022-12/20/content_1054789847759302656.htm"
+	},
+	{
+		"date": 1671465600000,
+		"text": "紫荊雜誌 “時尚 x 人工智能: 2022-2023” 國際匯展在M+掀起時裝業革命",
+		"url": "https://bau.com.hk/article/2022-12/20/content_1054789847759302656.html"
+	},
+	{
+		"date": 1671379200000,
+		"text": "Vogue Hong Kong 專訪 Anteprima 創意總監 Izumi Ogino 與 AiDLab 總監，如何透過 AI 技術打造特色服裝",
+		"url": "https://www.voguehk.com/zh/article/fashion/anteprima-aidlab-interview/"
+	},
+	{
+		"date": 1670515200000,
+		"text": "香港電台 AiDLab黃偉強講人工智能時裝設計",
+		"url": "https://news.rthk.hk/rthk/ch/news-programmes/this-episode.htm?cmsid=95&episode_id=852763&livetime=20221202000000"
+	},
+	{
+		"date": 1669910400000,
+		"text": "香港電台 【財經新思維】時裝設計與科技嘅結合，會帶來咩嘢效果？",
+		"url": "https://news.rthk.hk/rthk/ch/news-programmes/this-episode.htm?cmsid=95"
+	},
+	{
+		"date": 1669564800000,
+		"text": "明周Inner AI技術能取替真人嗎？AI時裝設計系統AiDA 與Anteprima聯乘",
+		"url": "https://www.mpweekly.com/inner/fashion/ai%E6%8A%80%E8%A1%93%E8%83%BD%E5%8F%96%E6%9B%BF%E7%9C%9F%E4%BA%BA%E5%97%8E%EF%BC%9Fai%E6%99%82%E8%A3%9D%E8%A8%AD%E8%A8%88%E7%B3%BB%E7%B5%B1aida-%E8%88%87anteprima%E8%81%AF%E4%B9%98"
+	}
+]
--- a/src/pages/media/list-zh-cn.js
+++ b/src/pages/media/list-zh-cn.js
@@ -0,0 +1,412 @@
+export default [
+	{
+		"date": 1745942400000,
+		"text": "恭喜 Code-Create 荣登香港2025年最热门初创企业榜单",
+		"url": "https://hongkongbusiness.hk/markets-investing/exclusive/hong-kongs-hottest-startups-2025"
+	},
+	{
+		"date": 1745078400000,
+		"text": "AI设计课程：在时尚教育领域开创性地激发创造力",
+		"url": "https://code-create.com.hk/zh-hans/ai%e8%ae%be%e8%ae%a1%e8%af%be%e7%a8%8b%ef%bc%9a%e5%9c%a8%e6%97%b6%e5%b0%9a%e6%95%99%e8%82%b2%e9%a2%86%e5%9f%9f%e5%bc%80%e5%88%9b%e6%80%a7%e5%9c%b0%e6%bf%80%e5%8f%91%e5%88%9b%e9%80%a0%e5%8a%9b/"
+	},
+	{
+		"date": 1744732800000,
+		"text": "Code-Create x BIFU：AI时代下设计师如何破局",
+		"url": "https://code-create.com.hk/zh-hans/code-create-x-bifu%ef%bc%9aai%e6%97%b6%e4%bb%a3%e4%b8%8b%e8%ae%be%e8%ae%a1%e5%b8%88%e5%a6%82%e4%bd%95%e7%a0%b4%e5%b1%80/"
+	},
+	{
+		"date": 1744214400000,
+		"text": "来自韩国品牌BESFXXK利用AiDA制作的2025FW系列成衣",
+		"url": "https://code-create.com.hk/zh-hant/%e4%be%86%e8%87%aa%e9%9f%93%e5%9c%8b%e5%93%81%e7%89%8cbesfxxk%e5%88%a9%e7%94%a8aida%e8%a3%bd%e4%bd%9c%e7%9a%842025fw%e7%b3%bb%e5%88%97%e6%88%90%e8%a1%a3/"
+	},
+	{
+		"date": 1744041600000,
+		"text": "AiDA：让时尚设计效率提升超60%",
+		"url": "https://hongkongbusiness.hk/information-technology/exclusive/code-create-uses-ai-quick-fashion"
+	},
+	{
+		"date": 1743436800000,
+		"text": "走进港理课堂：解码AI如何重塑可持续时尚",
+		"url": "https://code-create.com.hk/zh-hans/%e8%b5%b0%e8%bf%9b%e6%b8%af%e7%90%86%e8%af%be%e5%a0%82%ef%bc%9a%e8%a7%a3%e7%a0%81ai%e5%a6%82%e4%bd%95%e9%87%8d%e5%a1%91%e5%8f%af%e6%8c%81%e7%bb%ad%e6%97%b6%e5%b0%9a/"
+	},
+	{
+		"date": 1743350400000,
+		"text": "內地首場AiDA 深圳 Workshop 成功舉辦",
+		"url": "https://code-create.com.hk/zh-hans/%e5%86%85%e5%9c%b0%e9%a6%96%e5%9c%baaida-%e6%b7%b1%e5%9c%b3-workshop-%e6%88%90%e5%8a%9f%e4%b8%be%e5%8a%9e/"
+	},
+	{
+		"date": 1741708800000,
+		"text": "AiDA x SFT 时尚AI大赛圆满落幕",
+		"url": "https://code-create.com.hk/zh-hans/aida-x-sft-%e6%97%b6%e5%b0%9aai%e5%a4%a7%e8%b5%9b%e5%9c%86%e6%bb%a1%e8%90%bd%e5%b9%95/"
+	},
+	{
+		"date": 1741276800000,
+		"text": "不被定义的女性力量——Kim女士的时尚与AI之旅",
+		"url": "https://code-create.com.hk/zh-hans/%e4%b8%8d%e8%a2%ab%e5%ae%9a%e4%b9%89%e7%9a%84%e5%a5%b3%e6%80%a7%e5%8a%9b%e9%87%8f-kim%e5%a5%b3%e5%a3%ab%e7%9a%84%e6%97%b6%e5%b0%9a%e4%b8%8eai%e4%b9%8b%e6%97%85/"
+	},
+	{
+		"date": 1739980800000,
+		"text": "一小时内的卓越设计实现",
+		"url": "https://code-create.com.hk/zh-hans/%e4%b8%80%e5%b0%8f%e6%97%b6%e5%86%85%e7%9a%84%e5%8d%93%e8%b6%8a%e8%ae%be%e8%ae%a1%e5%ae%9e%e7%8e%b0/"
+	},
+	{
+		"date": 1739894400000,
+		"text": "与AI来一场头脑风暴",
+		"url": "https://code-create.com.hk/zh-hans/%e4%b8%8eai%e6%9d%a5%e4%b8%80%e5%9c%ba%e5%a4%b4%e8%84%91%e9%a3%8e%e6%9a%b4/"
+	},
+	{
+		"date": 1736092800000,
+		"text": "梦想不分年龄！！Code-Create 首席执行官 Kim Wong 在 Henrietta 中学的鼓舞人心演讲",
+		"url": "https://code-create.com.hk/zh-hans/%e6%a2%a6%e6%83%b3%e4%b8%8d%e5%88%86%e5%b9%b4%e9%be%84%ef%bc%81%ef%bc%81code-create-%e9%a6%96%e5%b8%ad%e6%89%a7%e8%a1%8c%e5%ae%98-kim-wong-%e5%9c%a8-henrietta-%e4%b8%ad%e5%ad%a6%e7%9a%84%e9%bc%93/"
+	},
+	{
+		"date": 1735574400000,
+		"text": "搭上2025的列车！打开新设计的大门",
+		"url": "https://code-create.com.hk/zh-hans/new-year-2025%ef%bc%81lets-kick-off-the-year-with-a-burst-of-inspiration-and-design/"
+	},
+	{
+		"date": 1735488000000,
+		"text": "AiDA AI时尚比赛入围选手公布",
+		"url": "https://code-create.com.hk/zh-hans/aida-ai%e6%97%b6%e5%b0%9a%e6%af%94%e8%b5%9b%e5%85%a5%e5%9b%b4%e9%80%89%e6%89%8b%e5%85%ac%e5%b8%83/"
+	},
+	{
+		"date": 1733500800000,
+		"text": "Code-Create首席执行官王剑虹（Kim Wong）荣获2024年国际时尚大会最佳论文奖",
+		"url": "https://code-create.com.hk/zh-hans/code-create%e9%a6%96%e5%b8%ad%e6%89%a7%e8%a1%8c%e5%ae%98%e7%8e%8b%e5%89%91%e8%99%b9%ef%bc%88kim-wong%ef%bc%89%e8%8d%a3%e8%8e%b72024%e5%b9%b4%e5%9b%bd%e9%99%85%e6%97%b6%e5%b0%9a%e5%a4%a7%e4%bc%9a/"
+	},
+	{
+		"date": 1733500800000,
+		"text": "【2024 FABI KOREA】：AiDA引领时尚设计变革",
+		"url": "https://code-create.com.hk/zh-hans/%e3%80%902024-fabi-korea%e3%80%91%ef%bc%9aaida%e5%bc%95%e9%a2%86%e6%97%b6%e5%b0%9a%e8%ae%be%e8%ae%a1%e5%8f%98%e9%9d%a9/"
+	},
+	{
+		"date": 1732723200000,
+		"text": "韩国汉阳大师生的AiDA体验日——与未来设计对话",
+		"url": "https://code-create.com.hk/zh-hans/%e9%9f%a9%e5%9b%bd%e6%b1%89%e9%98%b3%e5%a4%a7%e5%b8%88%e7%94%9f%e7%9a%84aida%e4%bd%93%e9%aa%8c%e6%97%a5-%e4%b8%8e%e6%9c%aa%e6%9d%a5%e8%ae%be%e8%ae%a1%e5%af%b9%e8%af%9d/"
+	},
+	{
+		"date": 1731513600000,
+		"text": "AiDA 工作坊",
+		"url": "https://code-create.com.hk/zh-hans/aida-workshop/"
+	},
+	{
+		"date": 1731513600000,
+		"text": "AiDA X SFT AI Fashion Award 2024",
+		"url": "https://code-create.com.hk/zh-hans/aida-x-sft-ai%e6%97%b6%e5%b0%9a%e8%ae%be%e8%ae%a1%e6%af%94%e8%b5%9b2024/"
+	},
+	{
+		"date": 1725379200000,
+		"text": "Hong Kong’s fashion tech start-up raises funds, eyes mainland, South Korea growth markets",
+		"url": "https://www.scmp.com/business/article/3276909/hong-kongs-fashion-tech-start-raises-funds-eyes-mainland-south-korea-growth-markets"
+	},
+	{
+		"date": 1721750400000,
+		"text": "AiDA@Victoria and Albert Museum, London: Fusing Cultural Heritage with Fashion's Future",
+		"url": "https://www.linkedin.com/feed/update/urn:li:activity:7221408716032462848/"
+	},
+	{
+		"date": 1714752000000,
+		"text": "Code-Create's AiDA Wins Prestigious iF DESIGN AWARD 2024 for Revolutionary Fashion AI Solution!",
+		"url": "https://ifdesign.com/en/winner-ranking/project/ai-based-interactive-design-assistant-for-fashion/612599"
+	},
+	{
+		"date": 1702569600000,
+		"text": "Revolutionizing the Runway: An Interview with the Minds Behind AiDA and Code-Create",
+		"url": "https://www.therobinreport.com/emerging-fashiontech-revitalizes-the-runway/"
+	},
+	{
+		"date": 1702224000000,
+		"text": "AiDA in \"The State of Fashion 2024\" by The Business of Fashion & McKinsey & Company",
+		"url": "https://m.facebook.com/story.php?story_fbid=pfbid034wqt5GJTsYUzkew45wVFwNowBKyrJnpM6bdbG9HxXE9KtxaXz7UfoiZvy77gQzGrl&id=100089090823961"
+	},
+	{
+		"date": 1674057600000,
+		"text": "What Does The AI Design Hype Mean For Fashion?",
+		"url": "https://jingdaily.com/what-does-the-ai-design-hype-mean-for-fashion/?utm_source=Jing+Daily+Subscriber+List&utm_campaign=3adfaa612e-EMAIL_CAMPAIGN_2020_03_12_06_39_COPY_01&utm_medium=email&utm_term=0_8dec01cd8d-3adfaa612e-408343694"
+	},
+	{
+		"date": 1673193600000,
+		"text": "Artificial intelligence meets fashion: How AiDA is disrupting design",
+		"url": "https://insideretail.asia/2023/01/09/artificial-intelligence-meets-fashion-how-aida-is-disrupting-design/?utm_source=ActiveCampaign&utm_medium=email&utm_content=Sogo+store+to+close%3B+MLB+enters+new+market%3B+How+AiDA+is+disrupting+design&utm_campaign=IRAsia+NB+20230110"
+	},
+	{
+		"date": 1671638400000,
+		"text": "Artificial Intelligence Times 인공지능으로 패션 패러다임 바꾼다!... 홍콩 '코드 크리에이트', 세계 첫 패션 AI 플랫폼 선보여",
+		"url": "https://www.aitimes.kr/news/articleView.html?idxno=26880"
+	},
+	{
+		"date": 1671638400000,
+		"text": "Chill Blog Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://blog.chillpainai.com/post/6101/Code-Create-Introduces-AiDA-by-AiDLab,-The-World%E2%80%99s-First-Fashion-AI-Platform-For-Limitless-Original-Designs-Based-On-Designer%E2%80%99s-Creative-Inspirations"
+	},
+	{
+		"date": 1671552000000,
+		"text": "AsiaOne Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://www.asiaone.com/business/code-create-introduces-aida-aidlab-world-s-first-fashion-ai-platform-limitless-original"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Hinet Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://times.hinet.net/news/24318382"
+	},
+	{
+		"date": 1671552000000,
+		"text": "HiNet生活志 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://times.hinet.net/news/24318382"
+	},
+	{
+		"date": 1671552000000,
+		"text": "iFeng (凤凰网大风号) Code-Create 推出全球首个以设计师原创灵感主导的时尚AI平台AiDA",
+		"url": "https://ishare.ifeng.com/c/s/v002f-_VURmngRIzUpG--mgyhoqDyv--4DBWXqIqnSFpLlr3lI__"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Intellasia.Net Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://www.intellasia.net/code-create-introduces-aida-by-aidlab-the-worlds-first-fashion-ai-platform-for-limitless-original-designs-based-on-designers-creative-inspirations-1127737"
+	},
+	{
+		"date": 1671552000000,
+		"text": "IT News Africa Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://www.itnewsafrica.com/media-outreach/?release_id=188078"
+	},
+	{
+		"date": 1671552000000,
+		"text": "IT News Online Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "http://www.itnewsonline.com/news/Code-Create-Introduces-AiDA-by-AiDLab--The-Worlds-First-Fashion-AI-Platform-For-Limitless-Original-Designs-Based-On-Designers-Creative-Inspirations/12505"
+	},
+	{
+		"date": 1671552000000,
+		"text": "MeNews Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://menews.info/media-outreach?release_id=188135"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Newswire 코드-크리에이트, 오리지널 디자인용 패션 AI 플랫폼 선봬",
+		"url": "http://m.newswire.co.kr/newsRead.php?no=958437"
+	},
+	{
+		"date": 1671552000000,
+		"text": "SBS 코드-크리에이트, 오리지널 디자인용 패션 AI 플랫폼 선봬",
+		"url": "http://press.sbs.co.kr/newsRead.php?no=958437"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Sohu (搜狐) Code-Create 推出全球首个以设计师原创灵感主导的时尚AI平台AiDA",
+		"url": "https://www.sohu.com/a/619520317_100195612"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Taiwan News Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://www.taiwannews.com.tw/en/news/4757264"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Tencent (腾讯企鹅号) Code-Create 推出全球首个以设计师原创灵感主导的时尚AI平台AiDA， 由AiDLab研发，带来无限设计方案",
+		"url": "https://page.om.qq.com/page/O3WEjJ6MkVzTgi6uMd7-i6CA0"
+	},
+	{
+		"date": 1671552000000,
+		"text": "The Hans India Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://www.thehansindia.com/mediaoutreach?release_id=188078"
+	},
+	{
+		"date": 1671552000000,
+		"text": "United Daily News Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://money.udn.com/money/story/12987/6853916"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Vietnam Insider Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://vietnaminsider.vn/media-outreach/?release_id=188078"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Yahoo Finance Australia Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://au.finance.yahoo.com/news/code-create-introduces-aida-aidlab-020000024.html"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Yahoo Finance Hong Kong Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://hk.finance.yahoo.com/news/code-create-introduces-aida-aidlab-020000024.html?guccounter=1&guce_referrer=aHR0cHM6Ly9yZWxlYXNlLm1lZGlhLW91dHJlYWNoLmNvbS8&guce_referrer_sig=AQAAAE93ZnbHKPo0CFlmrig9gTYtMPhPlx4sm7FqkMbA7_cTPIMLNzoCa8iEhw4B_-2j8j8LgBMkZxFKKNtBO_VkhNzNp41NG-foMIuzKV3iHTIRQJE3ACBZpO9c_LUCT-iHh_zXVhrKMWlQrR8CbaFMHsUniVH4_9qVR_msykQq3Ncb"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Yahoo Finance New Zealand Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://nz.finance.yahoo.com/news/code-create-introduces-aida-aidlab-020000024.html"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Yahoo Finance Singapore Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://sg.finance.yahoo.com/news/code-create-introduces-aida-aidlab-020000024.html"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Yahoo News Indonesia Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://id.berita.yahoo.com/code-create-introduces-aida-aidlab-020000024.html"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Yahoo News Malaysia Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://malaysia.news.yahoo.com/code-create-introduces-aida-aidlab-020000024.html"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Yahoo News Philippines Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://ph.news.yahoo.com/code-create-introduces-aida-aidlab-020000024.html"
+	},
+	{
+		"date": 1671552000000,
+		"text": "Yahoo News Taiwan Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://tw.news.yahoo.com/code-create-introduces-aida-aidlab-020000024.html"
+	},
+	{
+		"date": 1671552000000,
+		"text": "匯港資訊 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "http://www.infocastfn.com/zh/web/guest/media-outreach?release_id=1739134"
+	},
+	{
+		"date": 1671552000000,
+		"text": "南洋視界 Code-Create 推出全球首个以设计师原创灵感主导的时尚AI平台AiDA， 由AiDLab研发，带来无限设计方案",
+		"url": "http://sg.nanyangpost.com/p/mediaoutreach.html?release_id=188142"
+	},
+	{
+		"date": 1671552000000,
+		"text": "南洋視界 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "http://sg.nanyangpost.com/p/mediaoutreach.html?release_id=188078"
+	},
+	{
+		"date": 1671552000000,
+		"text": "台灣經濟日報 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://money.udn.com/money/story/12987/6853916"
+	},
+	{
+		"date": 1671552000000,
+		"text": "台灣英文新聞 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://www.taiwannews.com.tw/en/news/4757264"
+	},
+	{
+		"date": 1671552000000,
+		"text": "商業焦點 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://businessfocus.io/article/219285/code-create-%E6%8E%A8%E5%87%BA%E5%85%A8%E7%90%83%E9%A6%96%E5%80%8B%E4%BB%A5%E8%A8%AD%E8%A8%88%E5%B8%AB%E5%8E%9F%E5%89%B5%E9%9D%88%E6%84%9F%E4%B8%BB%E5%B0%8E%E7%9A%84%E6%99%82%E5%B0%9Aai%E5%B9%B3%E5%8F%B0aida-%E7%94%B1aidlab%E7%A0%94%E7%99%BC-%E5%B8%B6%E4%BE%86%E7%84%A1%E9%99%90%E8%A8%AD%E8%A8%88%E6%96%B9%E6%A1%88"
+	},
+	{
+		"date": 1671552000000,
+		"text": "奧丁丁新聞 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://www.owlting.com/news/articles/239842"
+	},
+	{
+		"date": 1671552000000,
+		"text": "媒體拓展 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://www.media-outreach.com/news/hong-kong/2022/12/21/188078/code-create-introduces-aida-by-aidlab-the-worlds-first-fashion-ai-platform-for-limitless-original-designs-based-on-designers-creative-inspirations/"
+	},
+	{
+		"date": 1671552000000,
+		"text": "愛威信3C科技生活 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://www.iwaishin.com/media-outreach-news/?release_id=188135"
+	},
+	{
+		"date": 1671552000000,
+		"text": "新加坡 Asiaone 新聞網 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://www.asiaone.com/business/code-create-introduces-aida-aidlab-world-s-first-fashion-ai-platform-limitless-original"
+	},
+	{
+		"date": 1671552000000,
+		"text": "新浪 Code-Create 推出全球首个以设计师原创灵感主导的时尚AI平台AiDA",
+		"url": "http://t.cj.sina.com.cn/articles/view/6447970018/1805436e200101202p"
+	},
+	{
+		"date": 1671552000000,
+		"text": "新浪香港 Code-Create 推出全球首个以设计师原创灵感主导的时尚AI平台AiDA， 由AiDLab研发，带来无限设计方案",
+		"url": "https://www.sina.com.hk/news/article/20221221/2/80/40/Code-Create-%E6%8E%A8%E5%87%BA%E5%85%A8%E7%90%83%E9%A6%96%E4%B8%AA%E4%BB%A5%E8%AE%BE%E8%AE%A1%E5%B8%88%E5%8E%9F%E5%88%9B%E7%81%B5%E6%84%9F%E4%B8%BB%E5%AF%BC%E7%9A%84%E6%97%B6%E5%B0%9AAI%E5%B9%B3%E5%8F%B0AiDA-%E7%94%B1AiDLab%E7%A0%94%E5%8F%91%E5%B8%A6%E6%9D%A5%E6%97%A0%E9%99%90%E8%AE%BE%E8%AE%A1%E6%96%B9%E6%A1%88-14891863.html"
+	},
+	{
+		"date": 1671552000000,
+		"text": "新浪香港 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://www.sina.com.hk/news/article/20221221/2/80/40/Code-Create-Introduces-AiDA-by-AiDLab-The-Worlds-First-Fashion-AI-Platform-For-Limitless-Original-Designs-Based-On-Designers-Creative-Inspirations-14891912.html"
+	},
+	{
+		"date": 1671552000000,
+		"text": "新頭條 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://www.thehubnews.net/archives/177043"
+	},
+	{
+		"date": 1671552000000,
+		"text": "經濟通 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "http://www.etnet.com.hk/www/tc/news/mediaoutreach_news_detail.php?newsid=188078"
+	},
+	{
+		"date": 1671552000000,
+		"text": "經濟通 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA, 由AiDLab研發,帶來無限設計方案",
+		"url": "http://www.etnet.com.hk/www/tc/news/mediaoutreach_news_detail.php?newsid=188135"
+	},
+	{
+		"date": 1671552000000,
+		"text": "華富財經 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://www.quamnet.com/post/FIJ_CaMolwtmcgHUKIKrX"
+	},
+	{
+		"date": 1671552000000,
+		"text": "觀傳媒 全球首個｜AI時裝設計助理系統「AiDA」面市",
+		"url": "https://thekwun.com/2022/12/21/%E5%85%A8%E7%90%83%E9%A6%96%E5%80%8B%EF%BD%9Cai%E6%99%82%E8%A3%9D%E8%A8%AD%E8%A8%88%E5%8A%A9%E7%90%86%E7%B3%BB%E7%B5%B1%E3%80%8Caida%E3%80%8D%E9%9D%A2%E5%B8%82-10%E7%A7%92%E5%BB%BA%E7%AB%8B%E5%8E%9F/"
+	},
+	{
+		"date": 1671552000000,
+		"text": "財經智珠網 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "http://www.dbpower.com.hk/ch/news/news-finance-news-outreach/?uid=chhttps:release.phpView188135Contact"
+	},
+	{
+		"date": 1671552000000,
+		"text": "香港矽谷 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+		"url": "https://www.hksilicon.com/articles/2238227"
+	},
+	{
+		"date": 1671552000000,
+		"text": "馬來郵報 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+		"url": "https://www.malaymail.com/news/money/mediaoutreach/2022/12/21/code-create-introduces-aida-by-aidlab-the-worlds-first-fashion-ai-platform-for-limitless-original-designs-based-on-designers-creative-inspirations/188078"
+	},
+	{
+		"date": 1671465600000,
+		"text": "Finance 730 AiDLab 主辦的「FASHION X AI 時裝匯演」昨在 M+ 舉行",
+		"url": "https://hk.finance.yahoo.com/news/aidlab-%E4%B8%BB%E8%BE%A6%E7%9A%84-fashion-x-ai-032914123.html"
+	},
+	{
+		"date": 1671465600000,
+		"text": "Infocast AiDLab主辦的「FASHIONXAI時裝匯演」昨在M+舉行",
+		"url": "http://www.infocastfn.com/zh_TW/web/guest/infocast-news"
+	},
+	{
+		"date": 1671465600000,
+		"text": "Quamnet AiDLab主辦的「FASHIONXAI時裝匯演」昨在M+舉行",
+		"url": "https://www.quamnet.com/post/DoqyrRvT2RITRvwGGa9bY?type=news&theater"
+	},
+	{
+		"date": 1671465600000,
+		"text": "紫荊App(科创) “時尚 x 人工智能: 2022-2023” 國際匯展在M+掀起時裝業革命",
+		"url": "https://zijing.com.cn/h5/article/2022-12/20/content_1054789847759302656.htm"
+	},
+	{
+		"date": 1671465600000,
+		"text": "紫荊雜誌 “時尚 x 人工智能: 2022-2023” 國際匯展在M+掀起時裝業革命",
+		"url": "https://bau.com.hk/article/2022-12/20/content_1054789847759302656.html"
+	},
+	{
+		"date": 1671379200000,
+		"text": "Vogue Hong Kong 專訪 Anteprima 創意總監 Izumi Ogino 與 AiDLab 總監，如何透過 AI 技術打造特色服裝",
+		"url": "https://www.voguehk.com/zh/article/fashion/anteprima-aidlab-interview/"
+	},
+	{
+		"date": 1670515200000,
+		"text": "香港電台 AiDLab黃偉強講人工智能時裝設計",
+		"url": "https://news.rthk.hk/rthk/ch/news-programmes/this-episode.htm?cmsid=95&episode_id=852763&livetime=20221202000000"
+	},
+	{
+		"date": 1669910400000,
+		"text": "香港電台 【財經新思維】時裝設計與科技嘅結合，會帶來咩嘢效果？",
+		"url": "https://news.rthk.hk/rthk/ch/news-programmes/this-episode.htm?cmsid=95"
+	},
+	{
+		"date": 1669564800000,
+		"text": "明周Inner AI技術能取替真人嗎？AI時裝設計系統AiDA 與Anteprima聯乘",
+		"url": "https://www.mpweekly.com/inner/fashion/ai%E6%8A%80%E8%A1%93%E8%83%BD%E5%8F%96%E6%9B%BF%E7%9C%9F%E4%BA%BA%E5%97%8E%EF%BC%9Fai%E6%99%82%E8%A3%9D%E8%A8%AD%E8%A8%88%E7%B3%BB%E7%B5%B1aida-%E8%88%87anteprima%E8%81%AF%E4%B9%98"
+	}
+]
--- a/src/pages/media/list-zh-tw.js
+++ b/src/pages/media/list-zh-tw.js
@@ -0,0 +1,417 @@
+export default [
+    {
+        "date": 1745942400000,
+        "text": "恭喜 Code-Create 榮登香港2025年最熱門初創企業榜單",
+        "url": "https://hongkongbusiness.hk/markets-investing/exclusive/hong-kongs-hottest-startups-2025"
+    },
+    {
+        "date": 1745078400000,
+        "text": "AI設計課程：在時尚教育領域開創性地激發創造力",
+        "url": "https://code-create.com.hk/zh-hant/ai%e8%a8%ad%e8%a8%88%e8%aa%b2%e7%a8%8b%ef%bc%9a%e5%9c%a8%e6%99%82%e5%b0%9a%e6%95%99%e8%82%b2%e9%a0%98%e5%9f%9f%e9%96%8b%e5%89%b5%e6%80%a7%e5%9c%b0%e6%bf%80%e7%99%bc%e5%89%b5%e9%80%a0%e5%8a%9b/"
+    },
+    {
+        "date": 1744732800000,
+        "text": "Code-Create x BIFU：AI時代下設計師如何破局",
+        "url": "https://code-create.com.hk/zh-hant/code-create-x-bifu%ef%bc%9aai%e6%99%82%e4%bb%a3%e4%b8%8b%e8%a8%ad%e8%a8%88%e5%b8%ab%e5%a6%82%e4%bd%95%e7%a0%b4%e5%b1%80/"
+    },
+    {
+        "date": 1744214400000,
+        "text": "來自韓國品牌BESFXXK利用AiDA製作的2025FW系列成衣",
+        "url": "https://code-create.com.hk/zh-hant/%e4%be%86%e8%87%aa%e9%9f%93%e5%9c%8b%e5%93%81%e7%89%8cbesfxxk%e5%88%a9%e7%94%a8aida%e8%a3%bd%e4%bd%9c%e7%9a%842025fw%e7%b3%bb%e5%88%97%e6%88%90%e8%a1%a3/"
+    },
+    {
+        "date": 1744041600000,
+        "text": "AiDA：讓時尚設計效率提升超60%",
+        "url": "https://hongkongbusiness.hk/information-technology/exclusive/code-create-uses-ai-quick-fashion"
+    },
+    {
+        "date": 1743436800000,
+        "text": "走進港理課堂：解碼AI如何重塑可持續時尚",
+        "url": "https://code-create.com.hk/zh-hant/%e8%b5%b0%e9%80%b2%e6%b8%af%e7%90%86%e8%aa%b2%e5%a0%82%ef%bc%9a%e8%a7%a3%e7%a2%bcai%e5%a6%82%e4%bd%95%e9%87%8d%e5%a1%91%e5%8f%af%e6%8c%81%e7%ba%8c%e6%99%82%e5%b0%9a/"
+    },
+    {
+        "date": 1743350400000,
+        "text": "內地首場AiDA 深圳 Workshop 成功舉辦",
+        "url": "https://code-create.com.hk/zh-hant/%e5%85%a7%e5%9c%b0%e9%a6%96%e5%a0%b4aida-%e6%b7%b1%e5%9c%b3-workshop-%e6%88%90%e5%8a%9f%e8%88%89%e8%be%a6/"
+    },
+    {
+        "date": 1741708800000,
+        "text": "AiDA x SFT 時尚AI大賽圓滿落幕",
+        "url": "https://code-create.com.hk/zh-hant/aida-x-sft-%e6%99%82%e5%b0%9aai%e5%a4%a7%e8%b3%bd%e5%9c%93%e6%bb%bf%e8%90%bd%e5%b9%95/"
+    },
+    {
+        "date": 1741276800000,
+        "text": "不被定義的女性力量——Kim女士的時尚與AI之旅",
+        "url": "https://code-create.com.hk/zh-hant/%e4%b8%8d%e8%a2%ab%e5%ae%9a%e7%be%a9%e7%9a%84%e5%a5%b3%e6%80%a7%e5%8a%9b%e9%87%8f-kim%e5%a5%b3%e5%a3%ab%e7%9a%84%e6%99%82%e5%b0%9a%e8%88%87ai%e4%b9%8b%e6%97%85/"
+    },
+    {
+        "date": 1739980800000,
+        "text": "一小時內的卓越設計實現",
+        "url": "https://code-create.com.hk/zh-hant/%e4%b8%80%e5%b0%8f%e6%99%82%e5%85%a7%e7%9a%84%e5%8d%93%e8%b6%8a%e8%a8%ad%e8%a8%88%e5%af%a6%e7%8f%be/"
+    },
+    {
+        "date": 1739894400000,
+        "text": "與AI來一場頭腦風暴",
+        "url": "https://code-create.com.hk/zh-hant/%e8%88%87ai%e4%be%86%e4%b8%80%e5%a0%b4%e9%a0%ad%e8%85%a6%e9%a2%a8%e6%9a%b4/"
+    },
+    {
+        "date": 1736092800000,
+        "text": "夢想不分年齡！！Code-Create 首席執行官 Kim Wong 在 Henrietta 中學的鼓舞人心演講",
+        "url": "https://code-create.com.hk/zh-hant/%e8%88%87ai%e4%be%86%e4%b8%80%e5%a0%b4%e9%a0%ad%e8%85%a6%e9%a2%a8%e6%9a%b4/"
+    },
+    {
+        "date": 1735488000000,
+        "text": "AiDA AI時尚比賽入圍選手公布",
+        "url": "https://code-create.com.hk/zh-hant/aida-ai%e6%99%82%e5%b0%9a%e6%af%94%e8%b3%bd%e5%85%a5%e5%9c%8d%e9%81%b8%e6%89%8b%e5%85%ac%e5%b8%83/"
+    },
+    {
+        "date": 1735574400000,
+        "text": "搭上2025的列車！打開新設計的大門",
+        "url": "https://code-create.com.hk/zh-hant/%e6%90%ad%e4%b8%8a2025%e7%9a%84%e5%88%97%e8%bb%8a%ef%bc%81%e6%89%93%e9%96%8b%e6%96%b0%e8%a8%ad%e8%a8%88%e7%9a%84%e5%a4%a7%e9%96%80/"
+    },
+    {
+        "date": 1735488000000,
+        "text": "AiDA AI時尚比賽入圍選手公布",
+        "url": "https://code-create.com.hk/zh-hant/aida-ai%e6%99%82%e5%b0%9a%e6%af%94%e8%b3%bd%e5%85%a5%e5%9c%8d%e9%81%b8%e6%89%8b%e5%85%ac%e5%b8%83/"
+    },
+    {
+        "date": 1733500800000,
+        "text": "Code-Create首席執行官王劍虹（Kim Wong）榮獲2024年國際時尚大會最佳論文獎",
+        "url": "https://code-create.com.hk/zh-hant/code-create%e9%a6%96%e5%b8%ad%e5%9f%b7%e8%a1%8c%e5%ae%98%e7%8e%8b%e5%8a%8d%e8%99%b9%ef%bc%88kim-wong%ef%bc%89%e6%a6%ae%e7%8d%b22024%e5%b9%b4%e5%9c%8b%e9%9a%9b%e6%99%82%e5%b0%9a%e5%a4%a7%e6%9c%83/"
+    },
+    {
+        "date": 1733500800000,
+        "text": "【2024 FABI KOREA】：AiDA引領時尚設計變革",
+        "url": "https://code-create.com.hk/zh-hant/%e3%80%902024-fabi-korea%e3%80%91%ef%bc%9aaida%e5%bc%95%e9%a0%98%e6%99%82%e5%b0%9a%e8%a8%ad%e8%a8%88%e8%ae%8a%e9%9d%a9/"
+    },
+    {
+        "date": 1732723200000,
+        "text": "韓國漢陽大師生的AiDA體驗日——與未來設計對話",
+        "url": "https://code-create.com.hk/zh-hant/%e9%9f%93%e5%9c%8b%e6%bc%a2%e9%99%bd%e5%a4%a7%e5%b8%ab%e7%94%9f%e7%9a%84aida%e9%ab%94%e9%a9%97%e6%97%a5-%e8%88%87%e6%9c%aa%e4%be%86%e8%a8%ad%e8%a8%88%e5%b0%8d%e8%a9%b1/"
+    },
+    {
+        "date": 1731513600000,
+        "text": "AiDA 工作坊",
+        "url": "https://code-create.com.hk/zh-hant/aida-workshop/"
+    },
+    {
+        "date": 1731513600000,
+        "text": "AiDA X SFT AI時尚設計比賽2024",
+        "url": "https://code-create.com.hk/zh-hant/aida-workshop/"
+    },
+    {
+        "date": 1725379200000,
+        "text": "政府資助初創公司獲本地創投基金入股逾200萬美元 拓展AI結合時裝設計",
+        "url": "https://www.stheadline.com/society/3378953"
+    },
+    {
+        "date": 1721750400000,
+        "text": "AiDA亮相倫敦維多利亞與艾伯特博物館：融合文化傳承與時尚未來",
+        "url": "https://www.linkedin.com/feed/update/urn:li:activity:7221408716032462848/"
+    },
+    {
+        "date": 1714752000000,
+        "text": "AiDA贏得了2024年iF設計獎，這是一款革命性的時尚AI解決方案",
+        "url": "https://ifdesign.com/en/winner-ranking/project/ai-based-interactive-design-assistant-for-fashion/612599"
+    },
+    {
+        "date": 1702569600000,
+        "text": "變革T台：AiDA與Code-Create背後的創意人專訪",
+        "url": "https://www.therobinreport.com/emerging-fashiontech-revitalizes-the-runway/"
+    },
+    {
+        "date": 1702224000000,
+        "text": "AiDA榮登由Business of Fashion & McKinsey & Company發佈的\"The State of Fashion 2024\"報告",
+        "url": "https://www.businessoffashion.com/reports/news-analysis/the-state-of-fashion-2024-report-bof-mckinsey/?fbclid=IwAR08GEHD_jZN6y4wRhj6BBjaLR08gNLECCl8jXf4ZLjvA50nuRlib96EAHI"
+    },
+    {
+        "date": 1674057600000,
+        "text": "What Does The AI Design Hype Mean For Fashion?",
+        "url": "https://jingdaily.com/what-does-the-ai-design-hype-mean-for-fashion/?utm_source=Jing+Daily+Subscriber+List&utm_campaign=3adfaa612e-EMAIL_CAMPAIGN_2020_03_12_06_39_COPY_01&utm_medium=email&utm_term=0_8dec01cd8d-3adfaa612e-408343694"
+    },
+    {
+        "date": 1673193600000,
+        "text": "Artificial intelligence meets fashion: How AiDA is disrupting design",
+        "url": "https://insideretail.asia/2023/01/09/artificial-intelligence-meets-fashion-how-aida-is-disrupting-design/?utm_source=ActiveCampaign&utm_medium=email&utm_content=Sogo+store+to+close%3B+MLB+enters+new+market%3B+How+AiDA+is+disrupting+design&utm_campaign=IRAsia+NB+20230110"
+    },
+    {
+        "date": 1671638400000,
+        "text": "Artificial Intelligence Times 인공지능으로 패션 패러다임 바꾼다!... 홍콩 '코드 크리에이트', 세계 첫 패션 AI 플랫폼 선보여",
+        "url": "https://www.aitimes.kr/news/articleView.html?idxno=26880"
+    },
+    {
+        "date": 1671638400000,
+        "text": "Chill Blog Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "https://blog.chillpainai.com/post/6101/Code-Create-Introduces-AiDA-by-AiDLab,-The-World%E2%80%99s-First-Fashion-AI-Platform-For-Limitless-Original-Designs-Based-On-Designer%E2%80%99s-Creative-Inspirations"
+    },
+    {
+        "date": 1671552000000,
+        "text": "AsiaOne Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "https://www.asiaone.com/business/code-create-introduces-aida-aidlab-world-s-first-fashion-ai-platform-limitless-original"
+    },
+    {
+        "date": 1671552000000,
+        "text": "Hinet Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+        "url": "https://times.hinet.net/news/24318382"
+    },
+    {
+        "date": 1671552000000,
+        "text": "HiNet生活志 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+        "url": "https://times.hinet.net/news/24318382"
+    },
+    {
+        "date": 1671552000000,
+        "text": "iFeng (凤凰网大风号) Code-Create 推出全球首个以设计师原创灵感主导的时尚AI平台AiDA",
+        "url": "https://ishare.ifeng.com/c/s/v002f-_VURmngRIzUpG--mgyhoqDyv--4DBWXqIqnSFpLlr3lI__"
+    },
+    {
+        "date": 1671552000000,
+        "text": "Intellasia.Net Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "https://www.intellasia.net/code-create-introduces-aida-by-aidlab-the-worlds-first-fashion-ai-platform-for-limitless-original-designs-based-on-designers-creative-inspirations-1127737"
+    },
+    {
+        "date": 1671552000000,
+        "text": "IT News Africa Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "https://www.itnewsafrica.com/media-outreach/?release_id=188078"
+    },
+    {
+        "date": 1671552000000,
+        "text": "IT News Online Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "http://www.itnewsonline.com/news/Code-Create-Introduces-AiDA-by-AiDLab--The-Worlds-First-Fashion-AI-Platform-For-Limitless-Original-Designs-Based-On-Designers-Creative-Inspirations/12505"
+    },
+    {
+        "date": 1671552000000,
+        "text": "MeNews Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+        "url": "https://menews.info/media-outreach?release_id=188135"
+    },
+    {
+        "date": 1671552000000,
+        "text": "Newswire 코드-크리에이트, 오리지널 디자인용 패션 AI 플랫폼 선봬",
+        "url": "http://m.newswire.co.kr/newsRead.php?no=958437"
+    },
+    {
+        "date": 1671552000000,
+        "text": "SBS 코드-크리에이트, 오리지널 디자인용 패션 AI 플랫폼 선봬",
+        "url": "http://press.sbs.co.kr/newsRead.php?no=958437"
+    },
+    {
+        "date": 1671552000000,
+        "text": "Sohu (搜狐) Code-Create 推出全球首个以设计师原创灵感主导的时尚AI平台AiDA",
+        "url": "https://www.sohu.com/a/619520317_100195612"
+    },
+    {
+        "date": 1671552000000,
+        "text": "Taiwan News Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "https://www.taiwannews.com.tw/en/news/4757264"
+    },
+    {
+        "date": 1671552000000,
+        "text": "Tencent (腾讯企鹅号) Code-Create 推出全球首个以设计师原创灵感主导的时尚AI平台AiDA， 由AiDLab研发，带来无限设计方案",
+        "url": "https://page.om.qq.com/page/O3WEjJ6MkVzTgi6uMd7-i6CA0"
+    },
+    {
+        "date": 1671552000000,
+        "text": "The Hans India Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "https://www.thehansindia.com/mediaoutreach?release_id=188078"
+    },
+    {
+        "date": 1671552000000,
+        "text": "United Daily News Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+        "url": "https://money.udn.com/money/story/12987/6853916"
+    },
+    {
+        "date": 1671552000000,
+        "text": "Vietnam Insider Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "https://vietnaminsider.vn/media-outreach/?release_id=188078"
+    },
+    {
+        "date": 1671552000000,
+        "text": "Yahoo Finance Australia Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "https://au.finance.yahoo.com/news/code-create-introduces-aida-aidlab-020000024.html"
+    },
+    {
+        "date": 1671552000000,
+        "text": "Yahoo Finance Hong Kong Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "https://hk.finance.yahoo.com/news/code-create-introduces-aida-aidlab-020000024.html?guccounter=1&guce_referrer=aHR0cHM6Ly9yZWxlYXNlLm1lZGlhLW91dHJlYWNoLmNvbS8&guce_referrer_sig=AQAAAE93ZnbHKPo0CFlmrig9gTYtMPhPlx4sm7FqkMbA7_cTPIMLNzoCa8iEhw4B_-2j8j8LgBMkZxFKKNtBO_VkhNzNp41NG-foMIuzKV3iHTIRQJE3ACBZpO9c_LUCT-iHh_zXVhrKMWlQrR8CbaFMHsUniVH4_9qVR_msykQq3Ncb"
+    },
+    {
+        "date": 1671552000000,
+        "text": "Yahoo Finance New Zealand Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "https://nz.finance.yahoo.com/news/code-create-introduces-aida-aidlab-020000024.html"
+    },
+    {
+        "date": 1671552000000,
+        "text": "Yahoo Finance Singapore Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "https://sg.finance.yahoo.com/news/code-create-introduces-aida-aidlab-020000024.html"
+    },
+    {
+        "date": 1671552000000,
+        "text": "Yahoo News Indonesia Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "https://id.berita.yahoo.com/code-create-introduces-aida-aidlab-020000024.html"
+    },
+    {
+        "date": 1671552000000,
+        "text": "Yahoo News Malaysia Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "https://malaysia.news.yahoo.com/code-create-introduces-aida-aidlab-020000024.html"
+    },
+    {
+        "date": 1671552000000,
+        "text": "Yahoo News Philippines Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "https://ph.news.yahoo.com/code-create-introduces-aida-aidlab-020000024.html"
+    },
+    {
+        "date": 1671552000000,
+        "text": "Yahoo News Taiwan Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "https://tw.news.yahoo.com/code-create-introduces-aida-aidlab-020000024.html"
+    },
+    {
+        "date": 1671552000000,
+        "text": "匯港資訊 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+        "url": "http://www.infocastfn.com/zh/web/guest/media-outreach?release_id=1739134"
+    },
+    {
+        "date": 1671552000000,
+        "text": "南洋視界 Code-Create 推出全球首个以设计师原创灵感主导的时尚AI平台AiDA， 由AiDLab研发，带来无限设计方案",
+        "url": "http://sg.nanyangpost.com/p/mediaoutreach.html?release_id=188142"
+    },
+    {
+        "date": 1671552000000,
+        "text": "南洋視界 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "http://sg.nanyangpost.com/p/mediaoutreach.html?release_id=188078"
+    },
+    {
+        "date": 1671552000000,
+        "text": "台灣經濟日報 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+        "url": "https://money.udn.com/money/story/12987/6853916"
+    },
+    {
+        "date": 1671552000000,
+        "text": "台灣英文新聞 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "https://www.taiwannews.com.tw/en/news/4757264"
+    },
+    {
+        "date": 1671552000000,
+        "text": "商業焦點 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+        "url": "https://businessfocus.io/article/219285/code-create-%E6%8E%A8%E5%87%BA%E5%85%A8%E7%90%83%E9%A6%96%E5%80%8B%E4%BB%A5%E8%A8%AD%E8%A8%88%E5%B8%AB%E5%8E%9F%E5%89%B5%E9%9D%88%E6%84%9F%E4%B8%BB%E5%B0%8E%E7%9A%84%E6%99%82%E5%B0%9Aai%E5%B9%B3%E5%8F%B0aida-%E7%94%B1aidlab%E7%A0%94%E7%99%BC-%E5%B8%B6%E4%BE%86%E7%84%A1%E9%99%90%E8%A8%AD%E8%A8%88%E6%96%B9%E6%A1%88"
+    },
+    {
+        "date": 1671552000000,
+        "text": "奧丁丁新聞 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+        "url": "https://www.owlting.com/news/articles/239842"
+    },
+    {
+        "date": 1671552000000,
+        "text": "媒體拓展 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "https://www.media-outreach.com/news/hong-kong/2022/12/21/188078/code-create-introduces-aida-by-aidlab-the-worlds-first-fashion-ai-platform-for-limitless-original-designs-based-on-designers-creative-inspirations/"
+    },
+    {
+        "date": 1671552000000,
+        "text": "愛威信3C科技生活 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+        "url": "https://www.iwaishin.com/media-outreach-news/?release_id=188135"
+    },
+    {
+        "date": 1671552000000,
+        "text": "新加坡 Asiaone 新聞網 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "https://www.asiaone.com/business/code-create-introduces-aida-aidlab-world-s-first-fashion-ai-platform-limitless-original"
+    },
+    {
+        "date": 1671552000000,
+        "text": "新浪 Code-Create 推出全球首个以设计师原创灵感主导的时尚AI平台AiDA",
+        "url": "http://t.cj.sina.com.cn/articles/view/6447970018/1805436e200101202p"
+    },
+    {
+        "date": 1671552000000,
+        "text": "新浪香港 Code-Create 推出全球首个以设计师原创灵感主导的时尚AI平台AiDA， 由AiDLab研发，带来无限设计方案",
+        "url": "https://www.sina.com.hk/news/article/20221221/2/80/40/Code-Create-%E6%8E%A8%E5%87%BA%E5%85%A8%E7%90%83%E9%A6%96%E4%B8%AA%E4%BB%A5%E8%AE%BE%E8%AE%A1%E5%B8%88%E5%8E%9F%E5%88%9B%E7%81%B5%E6%84%9F%E4%B8%BB%E5%AF%BC%E7%9A%84%E6%97%B6%E5%B0%9AAI%E5%B9%B3%E5%8F%B0AiDA-%E7%94%B1AiDLab%E7%A0%94%E5%8F%91%E5%B8%A6%E6%9D%A5%E6%97%A0%E9%99%90%E8%AE%BE%E8%AE%A1%E6%96%B9%E6%A1%88-14891863.html"
+    },
+    {
+        "date": 1671552000000,
+        "text": "新浪香港 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "https://www.sina.com.hk/news/article/20221221/2/80/40/Code-Create-Introduces-AiDA-by-AiDLab-The-Worlds-First-Fashion-AI-Platform-For-Limitless-Original-Designs-Based-On-Designers-Creative-Inspirations-14891912.html"
+    },
+    {
+        "date": 1671552000000,
+        "text": "新頭條 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+        "url": "https://www.thehubnews.net/archives/177043"
+    },
+    {
+        "date": 1671552000000,
+        "text": "經濟通 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "http://www.etnet.com.hk/www/tc/news/mediaoutreach_news_detail.php?newsid=188078"
+    },
+    {
+        "date": 1671552000000,
+        "text": "經濟通 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA, 由AiDLab研發,帶來無限設計方案",
+        "url": "http://www.etnet.com.hk/www/tc/news/mediaoutreach_news_detail.php?newsid=188135"
+    },
+    {
+        "date": 1671552000000,
+        "text": "華富財經 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+        "url": "https://www.quamnet.com/post/FIJ_CaMolwtmcgHUKIKrX"
+    },
+    {
+        "date": 1671552000000,
+        "text": "觀傳媒 全球首個｜AI時裝設計助理系統「AiDA」面市",
+        "url": "https://thekwun.com/2022/12/21/%E5%85%A8%E7%90%83%E9%A6%96%E5%80%8B%EF%BD%9Cai%E6%99%82%E8%A3%9D%E8%A8%AD%E8%A8%88%E5%8A%A9%E7%90%86%E7%B3%BB%E7%B5%B1%E3%80%8Caida%E3%80%8D%E9%9D%A2%E5%B8%82-10%E7%A7%92%E5%BB%BA%E7%AB%8B%E5%8E%9F/"
+    },
+    {
+        "date": 1671552000000,
+        "text": "財經智珠網 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+        "url": "http://www.dbpower.com.hk/ch/news/news-finance-news-outreach/?uid=chhttps:release.phpView188135Contact"
+    },
+    {
+        "date": 1671552000000,
+        "text": "香港矽谷 Code-Create 推出全球首個以設計師原創靈感主導的時尚AI平台AiDA， 由AiDLab研發，帶來無限設計方案",
+        "url": "https://www.hksilicon.com/articles/2238227"
+    },
+    {
+        "date": 1671552000000,
+        "text": "馬來郵報 Code-Create Introduces AiDA by AiDLab, The World’s First Fashion AI Platform For Limitless Original Designs Based On Designer’s Creative Inspirations",
+        "url": "https://www.malaymail.com/news/money/mediaoutreach/2022/12/21/code-create-introduces-aida-by-aidlab-the-worlds-first-fashion-ai-platform-for-limitless-original-designs-based-on-designers-creative-inspirations/188078"
+    },
+    {
+        "date": 1671465600000,
+        "text": "Finance 730 AiDLab 主辦的「FASHION X AI 時裝匯演」昨在 M+ 舉行",
+        "url": "https://hk.finance.yahoo.com/news/aidlab-%E4%B8%BB%E8%BE%A6%E7%9A%84-fashion-x-ai-032914123.html"
+    },
+    {
+        "date": 1671465600000,
+        "text": "Infocast AiDLab主辦的「FASHIONXAI時裝匯演」昨在M+舉行",
+        "url": "http://www.infocastfn.com/zh_TW/web/guest/infocast-news"
+    },
+    {
+        "date": 1671465600000,
+        "text": "Quamnet AiDLab主辦的「FASHIONXAI時裝匯演」昨在M+舉行",
+        "url": "https://www.quamnet.com/post/DoqyrRvT2RITRvwGGa9bY?type=news&theater"
+    },
+    {
+        "date": 1671465600000,
+        "text": "紫荊App(科创) “時尚 x 人工智能: 2022-2023” 國際匯展在M+掀起時裝業革命",
+        "url": "https://zijing.com.cn/h5/article/2022-12/20/content_1054789847759302656.htm"
+    },
+    {
+        "date": 1671465600000,
+        "text": "紫荊雜誌 “時尚 x 人工智能: 2022-2023” 國際匯展在M+掀起時裝業革命",
+        "url": "https://bau.com.hk/article/2022-12/20/content_1054789847759302656.html"
+    },
+    {
+        "date": 1671379200000,
+        "text": "Vogue Hong Kong 專訪 Anteprima 創意總監 Izumi Ogino 與 AiDLab 總監，如何透過 AI 技術打造特色服裝",
+        "url": "https://www.voguehk.com/zh/article/fashion/anteprima-aidlab-interview/"
+    },
+    {
+        "date": 1670515200000,
+        "text": "香港電台 AiDLab黃偉強講人工智能時裝設計",
+        "url": "https://news.rthk.hk/rthk/ch/news-programmes/this-episode.htm?cmsid=95&episode_id=852763&livetime=20221202000000"
+    },
+    {
+        "date": 1669910400000,
+        "text": "香港電台 【財經新思維】時裝設計與科技嘅結合，會帶來咩嘢效果？",
+        "url": "https://news.rthk.hk/rthk/ch/news-programmes/this-episode.htm?cmsid=95"
+    },
+    {
+        "date": 1669564800000,
+        "text": "明周Inner AI技術能取替真人嗎？AI時裝設計系統AiDA 與Anteprima聯乘",
+        "url": "https://www.mpweekly.com/inner/fashion/ai%E6%8A%80%E8%A1%93%E8%83%BD%E5%8F%96%E6%9B%BF%E7%9C%9F%E4%BA%BA%E5%97%8E%EF%BC%9Fai%E6%99%82%E8%A3%9D%E8%A8%AD%E8%A8%88%E7%B3%BB%E7%B5%B1aida-%E8%88%87anteprima%E8%81%AF%E4%B9%98"
+    }
+]
--- a/src/pages/mixi/index.vue
+++ b/src/pages/mixi/index.vue
@@ -0,0 +1,407 @@
+<template>
+	<div class="mixi">
+		<img class="bg" src="@/assets/images/mixi/bg.jpg" alt="" />
+		<section class="header">
+			<img
+				src="@/assets/images/mixi/logo-mixi.png"
+				alt=""
+				v-custom-animation.once
+				duration="1s"
+				translate-y-s="100%"
+				opacity-s="0"
+			/>
+		</section>
+		<section class="introduce">
+			<div class="box" v-custom-animation.once="{ duration: '1.25s' }">
+				<h2 class="title">{{ $t('Mixi.IntroduceTitle') }}</h2>
+				<p class="tip" translate-y-s="100%" opacity-s="0">{{ $t('Mixi.IntroduceDesc') }}</p>
+				<button custom @click="scrollToJoin" translate-y-s="100%" opacity-s="0">
+					{{ $t('MainHeader.ContactUs') }}
+				</button>
+			</div>
+		</section>
+		<section class="video">
+			<div class="content" @click="playVideo">
+				<img
+					src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/mixi_video_thumb.jpg"
+					alt=""
+				/>
+				<span class="iconfont icon-bofang"></span>
+			</div>
+		</section>
+		<section class="key-features">
+			<div class="left" v-custom-animation.scroll="{ duration: '1s' }">
+				<img
+					src="@/assets/images/mixi/mixi_intro_01_bg.png"
+					alt=""
+					class="bg"
+					translate-x="-60"
+				/>
+				<img
+					src="@/assets/images/mixi/mixi_intro_01_panel.png"
+					alt=""
+					class="panel"
+					translate-y-s="30"
+					translate-y="-30"
+				/>
+			</div>
+			<div class="right" v-custom-animation.once="{ duration: '1.5s' }">
+				<h2 class="title" translate-y-s="30" opacity-s="0">{{ $t('Mixi.KeyFeatures') }}</h2>
+				<ul translate-y-s="50" opacity-s="0">
+					<li>{{ $t('Mixi.KeyFeaturesDesc1') }}</li>
+					<li>{{ $t('Mixi.KeyFeaturesDesc2') }}</li>
+				</ul>
+			</div>
+		</section>
+		<section class="industry">
+			<div class="content">
+				<h2
+					class="title"
+					v-custom-animation.once="{ duration: '1s' }"
+					translate-y-s="30"
+					opacity-s="0"
+				>
+					{{ $t('Mixi.BenefitsToIndustry') }}
+				</h2>
+				<div class="box" v-custom-animation.once="{ duration: '1s' }">
+					<div opacity-s="0" translate-x-s="150%">
+						<img src="@/assets/images/mixi/feature-1.png" alt="" />
+						<div class="text">{{ $t('Mixi.Industry1Text') }}</div>
+					</div>
+					<div opacity-s="0" translate-x-s="50%">
+						<img src="@/assets/images/mixi/feature-2.png" alt="" />
+						<div class="text">{{ $t('Mixi.Industry2Text') }}</div>
+					</div>
+					<div opacity-s="0" translate-x-s="-50%">
+						<img src="@/assets/images/mixi/feature-3.png" alt="" />
+						<div class="text">{{ $t('Mixi.Industry3Text') }}</div>
+					</div>
+					<div opacity-s="0" translate-x-s="-150%">
+						<img src="@/assets/images/mixi/feature-4.png" alt="" />
+						<div class="text">{{ $t('Mixi.Industry4Text') }}</div>
+					</div>
+				</div>
+			</div>
+		</section>
+		<section class="email-input" ref="joinRef">
+			<img src="@/assets/images/mixi/intro-bg.jpg" alt="" />
+			<EmailBox
+				@submit="submit"
+				:title="$t('Mixi.EmailInputTitle')"
+				:tip="$t('Mixi.EmailInputTip')"
+			/>
+		</section>
+	</div>
+</template>
+<script setup lang="ts">
+	import { useHead } from '@unhead/vue'
+	import { useI18n } from 'vue-i18n'
+	const { t } = useI18n()
+	import { ref } from 'vue'
+	import EmailBox from '@/components/email-box.vue'
+	import MyEvent from '@/tools/myEvents'
+
+	const playVideo = () => {
+		MyEvent.emit('playVideo', {
+			url: 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/mixi_video.mp4',
+			poster: 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/mixi_video_thumb.jpg'
+		})
+	}
+	const joinRef = ref(null)
+	const scrollToJoin = () => {
+		window.scrollTo({
+			top: joinRef.value.offsetTop,
+			behavior: 'smooth'
+		})
+	}
+	const submit = (email: string) => {
+		console.log(email)
+	}
+	useHead({
+		title: 'Mixi - Code-Create',
+		meta: [
+			{
+				name: 'description',
+				content: `${t('Mixi.IntroduceDesc')} ${t('Mixi.IntroduceDesc')}`
+			}
+		]
+	})
+</script>
+
+<style scoped lang="less">
+	.mixi {
+		> * {
+			position: relative;
+			z-index: 1;
+			background-color: #f9f9f9;
+		}
+		--bg-height: 500px;
+		> .bg {
+			height: var(--bg-height);
+			width: 100%;
+			object-fit: cover;
+			position: fixed;
+			top: 0;
+			z-index: 0;
+		}
+		> .header {
+			height: var(--bg-height);
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			background-color: transparent;
+			> img {
+				max-width: 200px;
+				width: 90%;
+				height: auto;
+			}
+		}
+		> .introduce {
+			padding: 200px 0;
+			background-color: #eeeeee;
+			> .box {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				margin: 0 auto;
+				width: 100%;
+				max-width: 730px;
+				text-align: center;
+				> .title {
+					color: #222;
+					font-size: 24px;
+					margin-bottom: 30px;
+					text-transform: capitalize;
+				}
+				> .tip {
+					color: #555;
+					font-size: 16px;
+					line-height: 25px;
+					margin-bottom: 50px;
+				}
+				> button {
+					width: auto;
+					height: auto;
+					border-radius: 40px;
+					padding: 20px 40px;
+					letter-spacing: 2px;
+					text-transform: uppercase;
+					font-weight: bold;
+				}
+			}
+		}
+		> .video {
+			width: 100%;
+			background-color: #463a37;
+			padding: 100px 0;
+			> .content {
+				max-width: 1120px;
+				margin: 0 auto;
+				position: relative;
+				cursor: pointer;
+				> img {
+					width: 100%;
+					height: auto;
+				}
+				> .icon-bofang {
+					font-size: 100px;
+					color: #fff;
+					position: absolute;
+					top: 50%;
+					left: 50%;
+					transform: translate(-50%, -50%);
+					animation: identifier 2s ease-in-out infinite;
+					transition: 0.3s all;
+					@keyframes identifier {
+						0% {
+							transform: translate(-50%, -50%) scale(1);
+							filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 1));
+						}
+						50% {
+							transform: translate(-50%, -50%) scale(0.95);
+							filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 1));
+						}
+						100% {
+							transform: translate(-50%, -50%) scale(1);
+							filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 1));
+						}
+					}
+				}
+			}
+		}
+		> .key-features {
+			padding: 100px 0;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			> div {
+				flex: 1;
+				padding: 15px;
+				max-width: 720px;
+			}
+			> .left {
+				position: relative;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				> .bg {
+					max-width: 500px;
+					width: 70%;
+					height: auto;
+				}
+				> .panel {
+					max-width: 400px;
+					width: 60%;
+					height: auto;
+					position: absolute;
+					right: 80px;
+					bottom: 100px;
+				}
+			}
+			> .right {
+				> .title {
+					font-size: 38px;
+					font-weight: 600;
+					line-height: 48px;
+					color: #222222;
+					margin-bottom: 20px;
+				}
+				> ul {
+					> li {
+						text-align: start;
+						font-family: 'Poppins', Sans-serif;
+						font-size: 16px;
+						font-weight: 400;
+						line-height: 28px;
+						color: #555555;
+					}
+				}
+			}
+		}
+		> .industry {
+			padding: 100px 0;
+			> .content {
+				max-width: 1230px;
+				margin: 0 auto;
+				> .title {
+					text-align: center;
+					margin-bottom: 25px;
+					color: #222222;
+					font-size: 44px;
+					font-weight: 600;
+					line-height: 56px;
+				}
+				> .box {
+					display: flex;
+					gap: 20px;
+					> div {
+						flex: 1;
+						padding: 25px 30px;
+						max-width: 720px;
+						text-align: center;
+						> img {
+							width: 120px;
+							height: 120px;
+							margin-top: 40px;
+							margin-bottom: 60px;
+						}
+						> .text {
+							font-size: 16px;
+							font-weight: 300;
+							line-height: 24px;
+							color: #555555;
+						}
+					}
+				}
+			}
+		}
+		> .email-input {
+			position: relative;
+			padding-bottom: 100px;
+			> img {
+				width: 100%;
+				height: auto;
+				max-height: 500px;
+				object-fit: cover;
+				display: block;
+			}
+			> .email-box {
+				max-width: 860px;
+				position: relative;
+				margin-top: -150px;
+			}
+		}
+		@media (max-width: 800px) {
+			--bg-height: 275px;
+			> .introduce {
+				padding: 20px;
+				> .box {
+					> .tip {
+						font-size: 12px;
+					}
+				}
+			}
+			> .video {
+				padding: 40px 20px;
+			}
+			> .key-features {
+				flex-direction: column;
+				align-items: inherit;
+				padding: 20px;
+				> .left {
+					> .bg {
+						max-width: inherit;
+					}
+					> .panel {
+						right: 50px;
+						bottom: 0px;
+					}
+				}
+				> .right {
+					> .title {
+						font-size: 36px;
+					}
+					> ul > li {
+						font-size: 12px;
+					}
+				}
+			}
+			> .industry {
+				padding: 20px;
+				> .content {
+					> .title {
+						font-size: 36px;
+					}
+					> .box {
+						flex-direction: column;
+						gap: 0;
+						> div {
+							padding: 20px;
+							> img {
+								width: 100px;
+								height: 100px;
+								margin-top: 0;
+								margin-bottom: 0;
+							}
+						}
+					}
+				}
+			}
+			> .email-input {
+				position: relative;
+				padding-bottom: 50px;
+				> img {
+					width: 100%;
+					height: auto;
+					max-height: 500px;
+					object-fit: cover;
+					display: block;
+				}
+				> .email-box {
+					width: 90%;
+					margin-top: -100px;
+				}
+			}
+		}
+	}
+</style>
--- a/src/pages/my-account/account-info.vue
+++ b/src/pages/my-account/account-info.vue
@@ -0,0 +1,126 @@
+<template>
+	<div class="account-info">
+		<div class="left">
+			<div class="info">
+				<img alt="" src="" class="avatar" />
+				<div class="name">12312</div>
+				<div class="email">12312@example.com</div>
+			</div>
+			<router-link
+				class="link"
+				v-for="(v, i) in navs"
+				:key="i"
+				:to="v.path"
+				@click="typeof v.onClick === 'function' && v.onClick()"
+			>
+				<span class="iconfont" :class="v.icon"></span>
+				<span class="label">{{ v.label }}</span>
+			</router-link>
+		</div>
+		<div class="content">
+			<router-view></router-view>
+		</div>
+	</div>
+</template>
+<script setup lang="ts">
+	import { computed, ref } from 'vue'
+	import { useUserInfoStore } from '@/stores/userInfo'
+	const userInfoStore = useUserInfoStore()
+	const navs = ref([
+		{
+			path: '/my-account',
+			label: 'Dashboard',
+			icon: 'icon-dashboard'
+		},
+		{
+			path: '/my-account/orders',
+			label: 'Orders',
+			icon: 'icon-orders'
+		},
+		{
+			path: '/my-account/subscriptions',
+			label: 'Subscriptions',
+			icon: 'icon-subscriptions'
+		},
+		{
+			path: '/my-account/address',
+			label: 'Address',
+			icon: 'icon-address'
+		},
+		{
+			path: '/my-account/payment-methods',
+			label: 'Payment methods',
+			icon: 'icon-duidiaojiaohuanduihuan'
+		},
+		{
+			path: '/my-account/details',
+			label: 'Account details',
+			icon: 'icon-tubiao-'
+		},
+		{
+			path: '/my-account',
+			label: 'Log out',
+			icon: 'icon-tuichu',
+			onClick: () => {
+				console.log('logout')
+				userInfoStore.setToken('')
+			}
+		}
+	])
+</script>
+
+<style scoped lang="less">
+	.account-info {
+		display: flex;
+		> .left {
+			width: 270px;
+			border-right: 1px solid #e1e1e1;
+			margin-right: 30px;
+			> .info {
+				margin-bottom: 30px;
+				> .avatar {
+					width: 86px;
+					height: 86px;
+					margin-bottom: 15px;
+					border-radius: 50%;
+				}
+				> .name {
+					color: #222;
+					font-size: 16px;
+				}
+				> .email {
+					color: #333;
+					font-size: 14px;
+				}
+			}
+			> .link {
+				display: flex;
+				align-items: center;
+				width: 100%;
+				color: #222;
+				font-size: 16px;
+				text-decoration: none;
+				padding: 7px 0;
+				line-height: 1.6;
+				> .iconfont {
+					font-size: 20px;
+					margin-right: 5px;
+				}
+			}
+		}
+		> .content {
+			flex: 1;
+		}
+		@media (max-width: 800px) {
+			flex-direction: column;
+			> .left {
+				width: 100%;
+				border: none;
+				margin-bottom: 20px;
+				>.info{
+					text-align: center;
+				}
+			}
+		}
+	}
+</style>
--- a/src/pages/my-account/address.vue
+++ b/src/pages/my-account/address.vue
@@ -0,0 +1,37 @@
+<template>
+	<div class="address">
+		<div class="tip">The following addresses will be used on the checkout page by default.</div>
+		<h2>Billing address</h2>
+		<div class="header">
+			<router-link to="/my-account/edit-address">Edit Billing address</router-link>
+		</div>
+	</div>
+</template>
+<script setup lang="ts">
+	import { computed, ref } from 'vue'
+	import tipBox from './tip-box.vue'
+</script>
+
+<style scoped lang="less">
+	.address {
+		width: 100%;
+		> .tip {
+			margin-bottom: 20px;
+		}
+		> h2 {
+			text-transform: uppercase;
+			margin-bottom: 10px;
+		}
+		> .header {
+			text-transform: uppercase;
+			border-bottom: 1px solid #e1e1e1;
+			height: 18px;
+			> a {
+				color: #222;
+				font-size: 14px;
+				text-decoration: none;
+				float: right;
+			}
+		}
+	}
+</style>
--- a/src/pages/my-account/css/style.css
+++ b/src/pages/my-account/css/style.css
@@ -0,0 +1,114 @@
+.login,
+.register {
+  padding: 35px;
+  border: 1px solid #e1e1e1;
+  background-color: #fff;
+  border-radius: 5px;
+}
+.login > h2,
+.register > h2 {
+  font-weight: 600;
+  color: #222;
+  font-size: 24px;
+  margin-bottom: 24px;
+}
+.login > form > *,
+.register > form > * {
+  margin-bottom: 20px;
+}
+.login > form .link,
+.register > form .link {
+  color: #222;
+}
+.login > form > .form-item,
+.register > form > .form-item {
+  display: flex;
+  flex-direction: column;
+}
+.login > form > .form-item.center,
+.register > form > .form-item.center {
+  align-items: center;
+}
+.login > form > .form-item > label,
+.register > form > .form-item > label {
+  margin-bottom: 5px;
+  font-size: 16px;
+  line-height: 1.6;
+  color: #333;
+  font-weight: 400;
+}
+.login > form > .form-item > label::after,
+.register > form > .form-item > label::after {
+  content: ' *';
+  color: #f00;
+}
+.login > form > .form-item > .input-container > input,
+.register > form > .form-item > .input-container > input,
+.login > form > .form-item > input,
+.register > form > .form-item > input {
+  width: 100%;
+  height: 35px;
+  padding: 0 17px;
+  font-size: 16px;
+  border: 1px solid #e1e1e1;
+  outline: none;
+}
+.login > form > .form-item > .input-container > input:focus,
+.register > form > .form-item > .input-container > input:focus,
+.login > form > .form-item > input:focus,
+.register > form > .form-item > input:focus {
+  border-color: #000;
+}
+.login > form > .form-item > .input-container,
+.register > form > .form-item > .input-container {
+  position: relative;
+}
+.login > form > .form-item > .input-container > input,
+.register > form > .form-item > .input-container > input {
+  padding-right: 35px;
+}
+.login > form > .form-item > .input-container > .iconfont,
+.register > form > .form-item > .input-container > .iconfont {
+  position: absolute;
+  right: 10px;
+  top: 0;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 18px;
+  cursor: pointer;
+}
+.login > form > .remember,
+.register > form > .remember {
+  display: flex;
+  align-items: center;
+}
+.login > form > .remember > input,
+.register > form > .remember > input {
+  margin: 4px 8px 0 0;
+}
+.login > form > .remember > label,
+.register > form > .remember > label {
+  color: #333;
+}
+.login > form > .remember > .link,
+.register > form > .remember > .link {
+  margin-left: auto;
+}
+.login > form > .subscribe,
+.register > form > .subscribe {
+  font-size: 16px;
+  line-height: 1.6;
+  color: #333;
+}
+.login > form > .tip,
+.register > form > .tip {
+  font-size: 16px;
+  line-height: 1.6;
+  color: #333;
+}
+.login > form > .tip > a,
+.register > form > .tip > a {
+  color: #000;
+}
--- a/src/pages/my-account/index.vue
+++ b/src/pages/my-account/index.vue
@@ -0,0 +1,70 @@
+<template>
+	<div class="my-account">
+		<div class="header">
+			<h1 class="title">
+				<span class="iconfont icon-tubiao-"></span>
+				<span>My account</span>
+			</h1>
+		</div>
+		<div class="content" v-if="!token">
+			<Login />
+			<Register />
+		</div>
+		<div class="content" v-else>
+			<AccountInfo />
+		</div>
+	</div>
+</template>
+<script setup lang="ts">
+	import { computed } from 'vue'
+	import Login from './login.vue'
+	import Register from './register.vue'
+	import AccountInfo from './account-info.vue'
+	import { useUserInfoStore } from '@/stores/userInfo'
+	const userInfoStore = useUserInfoStore()
+	const token = computed(() => userInfoStore.state.token)
+</script>
+
+<style scoped lang="less">
+	.my-account {
+		background-color: #f9f9f9;
+		> .header {
+			border-top: var(--main-header-height, 85px) solid #000;
+			background-color: #666;
+			padding: 32px 0;
+			color: #fff;
+			margin-bottom: 32px;
+			> h1 {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				height: 80px;
+				> span {
+					font-size: 40px;
+					font-weight: 400;
+				}
+			}
+		}
+		> .content {
+			max-width: 1200px;
+			margin: 0 auto;
+			padding: 0 15px 80px;
+			display: flex;
+			align-items: flex-start;
+			gap: 60px;
+			> * {
+				flex: 1;
+			}
+			animation: opacity-in 0.3s linear both;
+		}
+		@media (max-width: 800px) {
+			> .content {
+				flex-direction: column;
+				gap: 30px;
+				> * {
+					width: 100%;
+				}
+			}
+		}
+	}
+</style>
--- a/src/pages/my-account/less/style.less
+++ b/src/pages/my-account/less/style.less
@@ -0,0 +1,115 @@
+.login,
+.register {
+	padding: 35px;
+	border: 1px solid #e1e1e1;
+	background-color: #fff;
+	border-radius: 5px;
+
+	>h2 {
+		font-weight: 600;
+		color: #222;
+		font-size: 24px;
+		margin-bottom: 24px;
+	}
+
+	>form {
+		>* {
+			margin-bottom: 20px;
+		}
+
+		.link {
+			color: #222;
+
+		}
+
+		>.form-item {
+			display: flex;
+			flex-direction: column;
+
+			&.center {
+				align-items: center;
+			}
+
+			>label {
+				margin-bottom: 5px;
+				font-size: 16px;
+				line-height: 1.6;
+				color: #333;
+				font-weight: 400;
+
+				&::after {
+					content: ' *';
+					color: #f00;
+				}
+			}
+
+			>.input-container>input,
+			>input {
+				width: 100%;
+				height: 35px;
+				padding: 0 17px;
+				font-size: 16px;
+				border: 1px solid #e1e1e1;
+				outline: none;
+
+				&:focus {
+					border-color: #000;
+				}
+			}
+
+			>.input-container {
+				position: relative;
+
+				>input {
+					padding-right: 35px;
+				}
+
+				>.iconfont {
+					position: absolute;
+					right: 10px;
+					top: 0;
+					height: 100%;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					font-size: 18px;
+					cursor: pointer;
+				}
+			}
+		}
+
+		>.remember {
+			display: flex;
+			align-items: center;
+
+			>input {
+				margin: 4px 8px 0 0;
+			}
+
+			>label {
+				color: #333;
+			}
+
+			>.link {
+				margin-left: auto;
+			}
+
+		}
+
+		>.subscribe {
+			font-size: 16px;
+			line-height: 1.6;
+			color: #333;
+		}
+
+		>.tip {
+			font-size: 16px;
+			line-height: 1.6;
+			color: #333;
+
+			>a {
+				color: #000;
+			}
+		}
+	}
+}
--- a/src/pages/my-account/login.vue
+++ b/src/pages/my-account/login.vue
@@ -0,0 +1,68 @@
+<template>
+	<div class="login">
+		<h2>Login</h2>
+		<form @submit.prevent="handleSubmit">
+			<div class="form-item">
+				<label for="email">Username or email address</label>
+				<input type="email" id="email" name="email" required v-model="fromData.email" />
+			</div>
+			<div class="form-item">
+				<label for="password">Password</label>
+				<div class="input-container">
+					<input
+						id="password"
+						name="password"
+						required
+						:type="passShow ? 'text' : 'password'"
+						v-model="fromData.password"
+					/>
+					<span
+						class="iconfont"
+						:class="[passShow ? 'icon-hide' : 'icon-show']"
+						@click="passShow = !passShow"
+					></span>
+				</div>
+			</div>
+			<div class="remember">
+				<input type="checkbox" id="remember" name="remember" v-model="remember" />
+				<label for="remember">Remember me</label>
+				<router-link class="link" to="/my-account/lost-password" v-show="windowWidth > 800"
+					>Lost your password?</router-link
+				>
+			</div>
+			<button type="submit" custom>LOG IN</button>
+			<div class="form-item center">
+				<router-link class="link" to="/my-account/lost-password" v-show="windowWidth <= 800"
+					>Lost your password?</router-link
+				>
+			</div>
+		</form>
+	</div>
+</template>
+<script setup lang="ts">
+	import { ref, computed } from 'vue'
+	import { useGlobalStore } from '@/stores/global'
+	const globalStore = useGlobalStore()
+	import { useUserInfoStore } from '@/stores/userInfo'
+	const userInfoStore = useUserInfoStore()
+	const windowWidth = computed(() => globalStore.state.windowWidth)
+	const passShow = ref(false)
+	const remember = ref(false)
+	const fromData = ref({
+		email: '',
+		password: ''
+	})
+
+	const handleSubmit = () => {
+		console.log(fromData.value, remember.value)
+		globalStore.setLoading(true)
+		setTimeout(() => {
+			globalStore.setLoading(false)
+			userInfoStore.setToken('123456')
+		}, 1000)
+	}
+</script>
+
+<style scoped lang="less">
+	@import './less/style.less';
+</style>
--- a/src/pages/my-account/orders.vue
+++ b/src/pages/my-account/orders.vue
@@ -0,0 +1,15 @@
+<template>
+	<div class="orders">
+		<tip-box type="warning" title="No order has been made yet." />
+	</div>
+</template>
+<script setup lang="ts">
+	import { computed, ref } from 'vue'
+	import tipBox from './tip-box.vue'
+</script>
+
+<style scoped lang="less">
+	.orders {
+		width: 100%;
+	}
+</style>
--- a/src/pages/my-account/payment-methods.vue
+++ b/src/pages/my-account/payment-methods.vue
@@ -0,0 +1,28 @@
+<template>
+	<div class="payment-methods">
+		<tip-box type="warning" title="No saved methods found." :is-show-link="false" />
+		<router-link to="#">
+			<button custom>Add payment method</button>
+		</router-link>
+	</div>
+</template>
+<script setup lang="ts">
+	import { computed, ref } from 'vue'
+	import tipBox from './tip-box.vue'
+</script>
+
+<style scoped lang="less">
+	.payment-methods {
+		width: 100%;
+		> a {
+			display: block;
+			margin-top: 22px;
+			width: auto;
+			> button {
+				width: auto;
+				padding: 0 30px;
+				text-transform: uppercase;
+			}
+		}
+	}
+</style>
--- a/src/pages/my-account/register.vue
+++ b/src/pages/my-account/register.vue
@@ -0,0 +1,78 @@
+<template>
+	<div class="register">
+		<h2>Register</h2>
+		<form @submit.prevent="handleSubmit">
+			<div class="form-item">
+				<label for="username">Username</label>
+				<input
+					type="username"
+					id="username"
+					name="username"
+					required
+					v-model="fromData.username"
+				/>
+			</div>
+			<div class="form-item">
+				<label for="email">Email address</label>
+				<input type="email" id="email" name="email" required v-model="fromData.email" />
+			</div>
+			<div class="form-item">
+				<label for="password">Password</label>
+				<div class="input-container">
+					<input
+						id="password"
+						name="password"
+						required
+						:type="passShow ? 'text' : 'password'"
+						v-model="fromData.password"
+					/>
+					<span
+						class="iconfont"
+						:class="[passShow ? 'icon-hide' : 'icon-show']"
+						@click="passShow = !passShow"
+					></span>
+				</div>
+			</div>
+			<div class="subscribe">
+				<input
+					type="checkbox"
+					id="subscribe"
+					name="subscribe"
+					v-model="fromData.subscribe"
+				/>
+				<label for="subscribe"
+					>Subscribe to Code Create product/service news and newsletter</label
+				>
+			</div>
+			<div class="tip">
+				Your personal data will be used to support your experience throughout this website,
+				to manage access to your account, and for other purposes described in our
+				<router-link class="link" to="/my-account/privacy-policy"
+					>Privacy Policy</router-link
+				>
+			</div>
+			<button type="submit" custom>REGISTER</button>
+		</form>
+	</div>
+</template>
+<script setup lang="ts">
+	import { ref } from 'vue'
+	import { useUserInfoStore } from '@/stores/userInfo'
+	const userInfoStore = useUserInfoStore()
+	const passShow = ref(false)
+	const remember = ref(false)
+	const fromData = ref({
+		username: '',
+		email: '',
+		password: '',
+		subscribe: false
+	})
+
+	const handleSubmit = () => {
+		console.log(fromData.value, remember.value)
+	}
+</script>
+
+<style scoped lang="less">
+	@import './less/style.less';
+</style>
--- a/src/pages/my-account/subscriptions.vue
+++ b/src/pages/my-account/subscriptions.vue
@@ -0,0 +1,15 @@
+<template>
+	<div class="subscriptions">
+		<tip-box type="success" title="You have no active subscriptions." />
+	</div>
+</template>
+<script setup lang="ts">
+	import { computed, ref } from 'vue'
+	import tipBox from './tip-box.vue'
+</script>
+
+<style scoped lang="less">
+	.subscriptions {
+		width: 100%;
+	}
+</style>
--- a/src/pages/my-account/tip-box.vue
+++ b/src/pages/my-account/tip-box.vue
@@ -0,0 +1,41 @@
+<template>
+	<div class="tip-box">
+		<span class="iconfont" :class="[`icon-${type}`]"></span>
+		<div class="tip">{{ title }}</div>
+		<router-link v-if="isShowLink" class="link" to="/">Browse products</router-link>
+	</div>
+</template>
+<script setup lang="ts">
+	import { computed, ref } from 'vue'
+	const props = defineProps({
+		type: {
+			default: 'warning',
+			type: String as () => 'success' | 'warning'
+		},
+		title: { default: '', type: String },
+		isShowLink: { default: true, type: Boolean }
+	})
+</script>
+
+<style scoped lang="less">
+	.tip-box {
+		width: 100%;
+		height: 48px;
+		background-color: #1565c0;
+		border-left: 5px solid rgba(0, 0, 0, 0.2);
+		display: flex;
+		align-items: center;
+		padding: 0 20px;
+		> * {
+			color: #fff;
+			font-size: 16px;
+		}
+		> .iconfont {
+			margin-right: 10px;
+			font-size: 18px;
+		}
+		> .tip {
+			flex: 1;
+		}
+	}
+</style>
--- a/src/pages/my-account/welcome.vue
+++ b/src/pages/my-account/welcome.vue
@@ -0,0 +1,64 @@
+<template>
+	<div class="welcome">
+		<h3 class="title">Welcome to your account page</h3>
+		<div class="tip">
+			Hi <b>XXX</b>, today is a great day to check your account page. You can check also:
+		</div>
+		<div class="buttons">
+			<router-link class="link" v-for="(v, i) in navs" :key="i" :to="v.path">
+				<button custom>
+					<span class="iconfont" :class="v.icon"></span>
+					<span class="label">{{ v.label }}</span>
+				</button>
+			</router-link>
+		</div>
+	</div>
+</template>
+<script setup lang="ts">
+	import { computed, ref } from 'vue'
+	const navs = ref([
+		{
+			path: '/my-account/orders',
+			label: 'RECENT ORDERS',
+			icon: 'icon-orders'
+		},
+
+		{
+			path: '/my-account/address',
+			label: 'ADDRESSSES',
+			icon: 'icon-address'
+		},
+
+		{
+			path: '/my-account/details',
+			label: 'ACCOUNT DETAILS',
+			icon: 'icon-tubiao-'
+		}
+	])
+</script>
+
+<style scoped lang="less">
+	.welcome {
+		> .title {
+			font-weight: 600;
+			letter-spacing: 2px;
+			color: #222222;
+			font-size: 24px;
+			margin-bottom: 10px;
+		}
+		> .tip {
+			color: #333;
+			margin-bottom: 20px;
+		}
+		> .buttons {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			> .link {
+				margin: 0 4px;
+				flex: 1;
+				text-decoration: none;
+			}
+		}
+	}
+</style>
--- a/src/pages/others/disclaimer.vue
+++ b/src/pages/others/disclaimer.vue
@@ -0,0 +1,55 @@
+<template>
+	<div class="disclaimer">
+		<OthersHeader :title="$t('MainFooter.Disclaimer')" />
+		<div class="content">
+			<p>
+				The contents of this marketing material are fully protected by copyright and nothing
+				may be reused without permission.
+			</p>
+			<p>
+				All information and contents contained in this marketing material are provided for
+				reference only and should not be relied on as the basis for any decision making.
+				Code Create Limited shall make no representation or warranty and accept no
+				responsibility, express or implied, for the accuracy, completeness, reliability or
+				timeliness of the information and contents, or any opinions, findings, conclusions
+				or recommendations contained in this marketing material. Code Create Limited shall
+				have no legal liability or responsibility (including liability for negligence) for
+				any loss, damage, or injury (including death) which may result, whether directly or
+				indirectly, from the supply or use of this information.
+			</p>
+			<p>
+				In the event of concerns or queries arising from any of the contents of this
+				marketing material, independent professional advice should be sought.
+			</p>
+		</div>
+	</div>
+</template>
+<script setup lang="ts">
+	import { useHead } from '@unhead/vue'
+	import { useI18n } from 'vue-i18n'
+	const { t } = useI18n()
+	import { computed, ref } from 'vue'
+	import OthersHeader from './others-header.vue'
+	useHead({
+		title: t('MainFooter.Disclaimer') + ' - Code-Create'
+	})
+</script>
+
+<style scoped lang="less">
+	.disclaimer {
+		border-top: var(--main-header-height) solid #000;
+		background-color: #f9f9f9;
+		> .content {
+			max-width: 1230px;
+			width: 100%;
+			margin: 0 auto;
+			padding: 25px 15px 80px;
+			line-height: 1.6;
+			color: #333;
+			font-weight: 400;
+			> p {
+				margin-bottom: 20px;
+			}
+		}
+	}
+</style>
--- a/src/pages/others/not-found-404.vue
+++ b/src/pages/others/not-found-404.vue
@@ -0,0 +1,72 @@
+<template>
+	<div class="not-found-404">
+		<OthersHeader :title="$t('PageNotFound')" />
+		<div class="content">
+			<h2>404</h2>
+			<h1>{{ $t('PageNotFoundTitle') }}</h1>
+			<p>{{ $t('PageNotFoundDesc') }}</p>
+		</div>
+	</div>
+</template>
+<script setup lang="ts">
+	import { useHead } from '@unhead/vue'
+	import { computed, ref } from 'vue'
+	import OthersHeader from './others-header.vue'
+
+	useHead({
+		title: '404 - Code-Create'
+	})
+</script>
+
+<style scoped lang="less">
+	.not-found-404 {
+		border-top: var(--main-header-height) solid #000;
+		background-color: #f9f9f9;
+		> .content {
+			max-width: 1230px;
+			width: 100%;
+			margin: 0 auto;
+			padding: 120px 15px;
+			line-height: 1.6;
+			color: #333;
+			font-weight: 400;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			color: #222;
+			> h2 {
+				font-size: 100px;
+				font-weight: 600;
+				letter-spacing: 2px;
+				background-image: url('@/assets/images/404.png');
+				background-size: auto 100%;
+				background-clip: text;
+				-webkit-background-clip: text;
+				-webkit-text-fill-color: transparent;
+				animation: bgImageAnim 7s linear infinite;
+				@keyframes bgImageAnim {
+					0% {
+						background-position-y: 0;
+					}
+					100% {
+						background-position-y: -200px;
+					}
+				}
+			}
+			> h1 {
+				font-size: 24px;
+				margin-bottom: 5px;
+				text-transform: uppercase;
+			}
+			> p {
+				color: #333;
+				margin-bottom: 20px;
+			}
+		}
+		@media (max-width: 800px) {
+			> .content {
+				padding: 50px 15px;
+			}
+		}
+	}
+</style>
--- a/src/pages/others/others-header.vue
+++ b/src/pages/others/others-header.vue
@@ -0,0 +1,45 @@
+<template>
+	<div class="others-header">
+		<router-link to="/">
+			<span>{{ $t('MainHeader.Home') }}</span>
+			<span class="iconfont icon-arrow-right-bold"></span>
+		</router-link>
+		<h1 class="title">{{ title }}</h1>
+	</div>
+</template>
+<script setup lang="ts">
+	import { computed, ref } from 'vue'
+	const props = defineProps({
+		title: { type: String, required: true }
+	})
+</script>
+
+<style scoped lang="less">
+	.others-header {
+		padding: 50px 0;
+		background-color: #666;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		> a {
+			font-size: 14px;
+			font-weight: 400;
+			color: #ffffff;
+			text-decoration: none;
+			> .iconfont {
+				font-size: 10px;
+				margin-left: 5px;
+			}
+		}
+		> .title {
+			font-size: 40px;
+			font-weight: 400;
+			line-height: 2;
+			text-transform: none;
+			color: #ffffff;
+		}
+		@media (max-width: 800px) {
+			padding: 25px 0;
+		}
+	}
+</style>
--- a/src/pages/others/privacy-policy.vue
+++ b/src/pages/others/privacy-policy.vue
@@ -0,0 +1,123 @@
+<template>
+	<div class="privacy-policy">
+		<OthersHeader :title="$t('MainFooter.PrivacyPolicy')" />
+		<div class="content">
+			<p>
+				Please read this Privacy Policy Statement (“PPS”) to understand our policy and
+				practices on the collection, use, transfer, storage and processing of your personal
+				data. By accessing this Website, you are consenting to this PPS.
+			</p>
+
+			<ol>
+				<li>
+					Code Create Limited (“we”, “us” or “our”) pledges to comply with the
+					requirements of the Personal Data (Privacy) Ordinance. In doing so, we will
+					ensure compliance by our staff with the highest security and confidentiality
+					standards.
+				</li>
+
+				<li>
+					We protect the privacy of users of our website. Any personal data collected from
+					you will only be used for the specific purposes mentioned at the time of
+					collection or for purposes directly related to those specific purposes and/or
+					that mentioned in the relevant Personal Information Collection Statement.
+				</li>
+
+				<li>
+					We will retain your personal data only for so long as necessary to fulfill the
+					purpose of collection; and will erase your personal data thereafter. We will
+					ensure the security of your personal data and protect them from unauthorised
+					access.
+				</li>
+
+				<li>
+					We will keep your personal data confidential. Your personal data will be used
+					(and disclosed) to third parties for the purposes for which they were collected,
+					and where we are required to do so by law and as specified in the relevant
+					Personal Information Collection Statement.
+				</li>
+
+				<li>
+					We may keep an activity log that does not identify you individually and cannot
+					be used to determine the particular user in order to measure traffic, gauge the
+					popularity of different parts of our websites, gain general knowledge about the
+					users, and facilitate the enhancement of our websites. This information may
+					include the IP address, operating system and version, the type of network, the
+					type and configuration of your browser, the geo-location information and
+					identifiers of the device you used.
+				</li>
+
+				<li>
+					We use cookies to enhance your experience on this website (<strong>code-</strong
+					><strong>create.com.hk</strong>). Cookies are small pieces of data stored on
+					your computer or other devices when websites are loaded in a browser. We use
+					cookies to analyse website traffic, personalise website content and to make
+					targeted advertisements on third party websites. We use Google Analytics to
+					analyze usage trends at its website. We also use cookies at this website and
+					cookies set by Google Analytics to collect information on how visitors use our
+					website. Third parties such as YouTube and Google may set cookies, for example,
+					relating to the use of YouTube video players and targeted advertising
+					respectively. For further information, users should refer to the relevant third
+					parties’ cookies policy which may be amended from time to time. By continuing to
+					use this website, you agree to the use of these cookies. If you do not accept
+					the cookies or withdraw your consent, you will not able to use some of the
+					functions on this website.
+				</li>
+
+				<li>
+					This PPS is subject to change. Any changes will be posted on this page. Your
+					continued use of our website after the posting of such changes indicates your
+					acceptance to the same. In case of any inconsistency between the English and
+					Chinese versions, the English version shall prevail. If you have any enquiries,
+					please send an email to&nbsp;<strong
+						><a href="mailto:info@code-create.com.hk"
+							>info@code-create.com.hk</a
+						></strong
+					>.
+				</li>
+			</ol>
+		</div>
+	</div>
+</template>
+<script setup lang="ts">
+	import { useHead } from '@unhead/vue'
+	import { useI18n } from 'vue-i18n'
+	const { t } = useI18n()
+
+	import { computed, ref } from 'vue'
+	import OthersHeader from './others-header.vue'
+	useHead({
+		title: t('MainFooter.PrivacyPolicy') + ' - Code-Create'
+	})
+</script>
+
+<style scoped lang="less">
+	.privacy-policy {
+		border-top: var(--main-header-height) solid #000;
+		background-color: #f9f9f9;
+		> .content {
+			max-width: 1230px;
+			width: 100%;
+			margin: 0 auto;
+			padding: 25px 15px 80px;
+			line-height: 1.6;
+			color: #333;
+			font-weight: 400;
+			> p {
+				margin-bottom: 20px;
+			}
+			> ol {
+				padding-left: 20px;
+				margin: 0;
+				> li {
+					margin-bottom: 8px;
+					a,
+					strong {
+						text-decoration: none;
+						color: #222;
+					}
+				}
+			}
+		}
+	}
+</style>
--- a/src/pages/others/site-map.vue
+++ b/src/pages/others/site-map.vue
@@ -0,0 +1,116 @@
+<template>
+	<div class="site-map">
+		<OthersHeader :title="$t('MainFooter.SiteMap')" />
+		<div class="content">
+			<div>
+				<div>
+					<router-link to="/about-us"
+						><h3>{{ $t('MainHeader.AboutUs') }}</h3></router-link
+					>
+				</div>
+				<div>
+					<router-link to="/our-solutions"
+						><h3>{{ $t('MainHeader.OurSolutions') }}</h3></router-link
+					>
+					<router-link to="/aida">{{ $t('MainHeader.AiDA') }}</router-link>
+					<router-link to="/mixi">{{ $t('MainHeader.Mixi') }}</router-link>
+				</div>
+				<div>
+					<router-link to="#"
+						><h3>{{ $t('MainHeader.Communities') }}</h3></router-link
+					>
+					<router-link to="/events">{{ $t('MainHeader.Events') }}</router-link>
+					<router-link to="/user-stories">{{ $t('MainHeader.UserStories') }}</router-link>
+					<router-link to="/help-centre">{{ $t('MainHeader.HelpCentre') }}</router-link>
+				</div>
+			</div>
+			<div>
+				<div>
+					<router-link to="/contact-us"
+						><h3>{{ $t('MainHeader.ContactUs') }}</h3></router-link
+					>
+				</div>
+				<div>
+					<router-link to="/media"
+						><h3>{{ $t('MainHeader.Media') }}</h3></router-link
+					>
+				</div>
+				<div>
+					<router-link to="#"
+						><h3>{{ $t('MainFooter.Others') }}</h3></router-link
+					>
+					<router-link to="/privacy-policy">{{
+						$t('MainFooter.PrivacyPolicy')
+					}}</router-link>
+					<router-link to="/terms-of-use">{{ $t('MainFooter.TermsOfUse') }}</router-link>
+					<router-link to="/disclaimer">{{ $t('MainFooter.Disclaimer') }}</router-link>
+					<router-link to="/site-map">{{ $t('MainFooter.SiteMap') }}</router-link>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+<script setup lang="ts">
+	import { useHead } from '@unhead/vue'
+	import { useI18n } from 'vue-i18n'
+	const { t } = useI18n()
+	import { computed, ref } from 'vue'
+	import OthersHeader from './others-header.vue'
+	useHead({
+		title: t('MainFooter.SiteMap') + ' - Code-Create'
+	})
+</script>
+
+<style scoped lang="less">
+	.site-map {
+		border-top: var(--main-header-height) solid #000;
+		background-color: #f9f9f9;
+		> .content {
+			max-width: 1230px;
+			width: 100%;
+			margin: 0 auto;
+			padding: 25px 15px 80px;
+			display: flex;
+			> div {
+				flex: 1;
+				padding: 10px 40px;
+				> div {
+					margin-bottom: 20px;
+					display: flex;
+					flex-direction: column;
+					&:last-child {
+						margin-bottom: 0;
+					}
+					a {
+						color: #888;
+						font-size: 16px;
+						text-decoration: none;
+						padding: 8px 0;
+						transition: all 0.3s ease-in-out;
+						&:hover {
+							color: #222;
+						}
+					}
+					h3 {
+						padding: 2px 0;
+						color: #000;
+						font-size: 20px;
+					}
+				}
+			}
+		}
+		@media (max-width: 800px) {
+			> .content {
+				flex-direction: column;
+				padding: 70px 90px;
+				> div {
+					padding: 0;
+					margin-bottom: 30px;
+					> div {
+						margin-bottom: 30px;
+					}
+				}
+			}
+		}
+	}
+</style>
--- a/src/pages/others/terms-of-use.vue
+++ b/src/pages/others/terms-of-use.vue
@@ -0,0 +1,145 @@
+<template>
+	<div class="terms-of-use">
+		<OthersHeader :title="$t('MainFooter.TermsOfUse')" />
+		<div class="content">
+			<p>
+				Please read these Terms of Use carefully.&nbsp; By accessing this Website, you are
+				consenting to these Terms of Use.&nbsp; If you do not accept these Terms of Use, do
+				not access this Website.
+			</p>
+
+			<p>1.<strong>Website Contents</strong></p>
+
+			<p>
+				This Website of the Code Create Limited (“we”, “us”, “our”) is for general
+				reference.&nbsp; We may, at our absolute discretion and at any time, without prior
+				notice to you, add to, amend or remove material from this Website, or alter the
+				presentation, substance, or functionality of this Website.
+			</p>
+
+			<p>2.<strong>Links to and from this Website</strong></p>
+
+			<p>
+				The links on this Website may take you to third-party websites or services that are
+				not owned or controlled by us.&nbsp; You acknowledge and agree that we have no
+				control over, and assume no responsibility for the content, privacy policies, or
+				practices of any third party websites or services.&nbsp; Links to other websites do
+				not constitute an endorsement by us of such websites or the information, products,
+				advertising, or other materials available on those websites.
+			</p>
+
+			<p>3.<strong>Intellectual Property Rights</strong></p>
+
+			<p>
+				All intellectual property rights subsisting in respect of this Website belong to us
+				or have been lawfully licensed to us for use on this Website. All rights under
+				applicable laws are hereby reserved. Except with our express written permission, you
+				are not allowed to upload, post, publish, reproduce, transmit or distribute in any
+				way any component of this Website itself or create derivative works with respect
+				thereto, as this Website is copyrighted under applicable laws.
+			</p>
+
+			<p>
+				You may only download such part of this Website as is expressly permitted to be
+				downloaded for the purposes specified.&nbsp; You have no rights in or to the
+				contents and you will not use them except as permitted under these Terms of Use.
+			</p>
+
+			<p>4.<strong>Limited Liability and Warranty</strong></p>
+
+			<p>
+				This Website is provided by us on an “as is” and “as available” basis.&nbsp; All
+				information is for your general reference only. We do not accept any responsibility
+				whatsoever in respect of such information.&nbsp; We do not guarantee or assume any
+				responsibility that:
+			</p>
+
+			<p>
+				∙this Website is available or will be uninterrupted or error-free, or that defects
+				will be corrected;
+			</p>
+
+			<p>
+				∙the information on this Website is accurate, adequate, current or reliable, or may
+				be used for any purpose other than for general reference;
+			</p>
+
+			<p>
+				∙the information on this Website is free of defect, error, omission, virus or
+				anything which may change, erase, add to or damage your software, data or equipment;
+				or
+			</p>
+
+			<p>
+				∙the messages sent through the internet will be free from interception, corruption
+				or loss.
+			</p>
+
+			<p>
+				We make no representation that the information on this Website is appropriate or
+				available for use in any other jurisdictions.&nbsp; Those who access this Website
+				from other locations do so at their discretion and are solely responsible for
+				compliance with their laws and rules.
+			</p>
+
+			<p>5.<strong>Privacy Policy</strong></p>
+
+			<p>
+				For information about our privacy policies and practices, please refer to
+				our&nbsp;<strong
+					><a href="/privacy-policy" data-type="URL" data-id="/privacy-policy"
+						>Privacy Policy Statement</a
+					></strong
+				>. Where personal data is collected, you should also have reference to the relevant
+				Personal Information Collection Statement in the form through which your personal
+				data is collected.
+			</p>
+
+			<p>6.<strong>Governing Law and Jurisdiction</strong></p>
+
+			<p>
+				These Terms of Use shall be governed by the law of the Hong Kong Special
+				Administrative Region of the People’s Republic of China (“Hong Kong”). You agree to
+				submit to the non-exclusive jurisdiction of the Hong Kong courts.
+			</p>
+
+			<p>7.<strong>General Matters</strong></p>
+
+			<p>
+				These Terms of Use are subject to change.&nbsp; Any changes will be posted on this
+				page. Your continued use of our website after the posting of such changes indicates
+				your acceptance to the changes. In case of any inconsistency between the English and
+				Chinese versions, the English version shall prevail.
+			</p>
+		</div>
+	</div>
+</template>
+<script setup lang="ts">
+	import { useHead } from '@unhead/vue'
+	import { useI18n } from 'vue-i18n'
+	const { t } = useI18n()
+	import { computed, ref } from 'vue'
+	import OthersHeader from './others-header.vue'
+	useHead({
+		title: t('MainFooter.TermsOfUse') + ' - Code-Create'
+	})
+</script>
+
+<style scoped lang="less">
+	.terms-of-use {
+		border-top: var(--main-header-height) solid #000;
+		background-color: #f9f9f9;
+		> .content {
+			max-width: 1230px;
+			width: 100%;
+			margin: 0 auto;
+			padding: 25px 15px 80px;
+			line-height: 1.6;
+			color: #333;
+			font-weight: 400;
+			> p {
+				margin-bottom: 20px;
+			}
+		}
+	}
+</style>
--- a/src/pages/user-stories/index.vue
+++ b/src/pages/user-stories/index.vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import UserList from './user-list.vue'
+import { useHead } from '@unhead/vue'
+import { useI18n } from 'vue-i18n'
+const { t } = useI18n()
+useHead({
+	title: t('userStories.Title'),
+	meta: [
+		{
+			name: 'description',
+			content: t('userStories.meta')
+		}
+	]
+})
+defineExpose({})
+</script>
+<template>
+	<div class="user-stores">
+		<div class="placeholder"></div>
+		<UserList></UserList>
+	</div>
+</template>
+<style lang="less" scoped>
+	.user-stores{
+		.placeholder{
+			height: var(--main-header-height, 100px);
+			width: 100%;
+			position: sticky;
+			top: 0;
+			background-color: #000;
+		}
+	}
+</style>
--- a/src/pages/user-stories/user-list.vue
+++ b/src/pages/user-stories/user-list.vue
@@ -0,0 +1,368 @@
+<script setup lang="ts">
+	import { ref,computed } from "vue";
+	import MyEvent from "@/tools/myEvents";
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+	const playVideo = (item)=>{
+		MyEvent.emit("playVideo",{
+			url: item.videoUrl,
+			poster: item.imgUrl,
+		});
+	}
+	const list = computed(()=>{
+		return[
+			{
+				imgUrl: 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/XULULU.png',
+				videoUrl: 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/XULULU.mp4',
+				name: 'XULULU',
+				textList: [
+					t('userStories.XULULUInfo1'),
+					t('userStories.XULULUInfo2'),
+					t('userStories.XULULUInfo3'),
+				],
+			},
+			{
+				imgUrl: 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/Yiu-Ching-Yau.png',
+				videoUrl: 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/Yiu-Ching-Yau1.mp4',
+				name: 'Yiu Ching Yau',
+				textList: [
+					t('userStories.YiuChingYauInfo1'),
+				],
+			},
+			{
+				imgUrl: 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/XIEYAUKIT-scaled.png',
+				videoUrl: 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/XIEYAUKIT.mp4',
+				name: 'XIEYAUKIT',
+				textList: [
+					t('userStories.XIEYAUKITInfo1'),
+					t('userStories.XIEYAUKITInfo2'),
+				],
+			},
+			{
+				imgUrl: 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/Yuzhi-Lai-scaled.jpg',
+				videoUrl: 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/Yuzhi-Lai1.mp4',
+				name: 'Yuzhi Lai',
+				textList: [
+					t('userStories.YuzhiLaiInfo1'),
+					t('userStories.YuzhiLaiInfo2'),
+				],
+			},
+			{
+				imgUrl: 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/Cheung-Tsz-Ching.png',
+				videoUrl: 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/Cheung-Tsz-Ching.mp4',
+				name: 'Cheung Tsz Ching（Bobo）',
+				textList: [
+					t('userStories.CheungTszChingInfo1'),
+				],
+			},
+			{
+				imgUrl: 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/01/Aidlab_interview02_INJURY_thumb.jpg',
+				videoUrl: 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/03/UserStory3.mp4',
+				name: 'INJURY from Australia',
+				textList: [
+					t('userStories.INJURYInfo1'),
+				],
+			},
+			{
+				imgUrl: 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/01/Aidlab_interview02_Jae_thumb.jpg',
+				videoUrl: 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/03/UserStory2.mp4',
+				name: 'BESFXXK from Korea',
+				textList: [
+					t('userStories.BESFXXKInfo1'),
+				],
+			},
+			{
+				imgUrl: 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/01/Aidlab_interview02_Mountain_thumb.jpg',
+				videoUrl: 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/03/UserStory1.mp4',
+				name: 'Mountain Yam from Hong Kong',
+				textList: [
+					t('userStories.MountainYamInfo1'),
+				],
+			},
+		]
+	})
+	const userList = computed(()=>{
+		return [
+			{
+				profile:'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/WhatsApp-Image-2025-04-23-at-18.36.16_740726a9-794x1024.jpg',
+				name: 'Prof. Jung',
+				school: t('userStories.ProfJungSchool'),
+				info: t('userStories.ProfJungInfo1'),
+			},
+			{
+				profile:'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/userstory_irene_siu-1-150x150.jpg',
+				name: 'Irene Siu',
+				info: t('userStories.IreneSiuInfo1'),
+			},
+			{
+				profile:'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/04/userstory_joyce_chow-150x150.jpg',
+				name: 'Joyce Chow',
+				info: t('userStories.JoyceChowInfo1'),
+			},
+			{
+				profile:'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/02/userstory_cheryl_ho-150x150.jpg',
+				name: 'Cheryl Ho',
+				info: t('userStories.CherylHoInfo1'),
+			},
+			{
+				profile:'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/02/userstory_minna_n_polam-150x150.jpg',
+				name: 'Minna & Polam',
+				info: t('userStories.MinnaPolamInfo1'),
+			},
+		]
+	})
+	defineExpose({})
+</script>
+<template>
+	<section class="user-list">
+		<div class="content">
+			<h2>{{ $t('userStories.Title') }}</h2>
+		</div>
+	</section>
+	<section class="user-item" v-for="item in list" :key="item.name">
+		<div class="content">
+			<div class="video-box">
+				<img :src="item.imgUrl" alt="">
+				<span class="iconfont icon-bofang" @click="playVideo(item)"></span>
+			</div>
+			<div class="text-box">
+				<div class="text-content">
+					<div class="icon">
+						<span class="iconfont icon-quotesUp-copy"></span>
+					</div>
+					<h2 v-tween="{opacity:0,y:'30px'}">{{item.name}}</h2>
+					<div v-tween="{opacity:0}">
+						<p v-for="text in item.textList" :key="text">{{text}}</p>
+					</div>
+				</div>
+			</div>
+		</div>
+	</section>
+	<section class="user2-type">
+		<div class="content">
+			<div class="item" v-for="item in userList" :key="item.name">
+				<div class="img-box">
+					<img :src="item.profile" alt="">
+				</div>
+				<div class="box">
+					<div class="icon">
+						<span class="iconfont icon-quotesUp-copy"></span>
+					</div>
+					<h2 class="name" v-tween="{opacity:0,y:'30px'}">{{item.name}}</h2>
+					<h2 class="school" v-tween="{opacity:0,y:'30px'}" v-if="item?.school">{{item?.school}}</h2>
+					<p v-tween="{opacity:0}">{{item.info}}</p>
+				</div>
+			</div>
+		</div>
+	</section>
+
+</template>
+<style lang="less" scoped>
+	.user-list{
+		width: 100%;
+		background-color: #f9f9f9;
+		> .content{
+			margin: 0 auto;
+			max-width: 1140px;
+			padding: 100px 0px 100px 0px;
+			@media (max-width: 1000px) {
+				padding: 10px;
+				padding-top: 50px;
+			}
+			> h2{
+				text-align: center;
+				width: 100%;
+				font-size: 40px;
+				font-weight: 600;
+				letter-spacing: 1px;
+				color: #000000;
+				@media (max-width: 1000px) {
+					padding: 7px 15px;
+				}
+			}
+		}
+	}
+	.user-item{
+		background-color: #f9f9f9;
+		width: 100%;
+		&:nth-child(2n){
+			> .content{
+				flex-direction: row-reverse;
+				@media (max-width: 1000px) {
+					flex-direction: column;
+				}
+			}
+		}
+		> .content{
+			margin: 0 auto;
+			max-width: 1140px;
+			padding: 40px 0;
+			display: flex;
+			@media (max-width: 1000px) {
+				padding: 20px 0;
+				flex-direction: column-reverse;
+				max-width: 1000px;
+			}
+			> div{
+				width: 50%;
+				padding: 20px;
+				@media (max-width: 1000px) {
+					width: 100%;
+				}
+			}
+			> .video-box{
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				position: relative;
+				> img{
+					aspect-ratio: 1.777 / 1;
+					width: 100%;
+					object-fit: cover;
+				}
+				> .icon-bofang{
+					font-size: 100px;
+					color: #fff;
+					position: absolute;
+					top: 50%;
+					left: 50%;
+					transform: translate(-50%,-50%);
+					// box-shadow: 0 0 10px #fff;
+					filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, .5));
+					cursor: pointer;
+				}
+			}
+			> .text-box{
+				display: flex;
+				align-items: center;
+				> .text-content{
+					box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
+					padding: 20px 20px 20px 20px;
+					border-radius: 20px;
+					text-align: center;
+					> .icon{
+						margin-bottom: 20px;
+						height: 25px;
+						width: 100%;
+						display: flex;
+						align-items: flex-end; 
+						justify-content: center;
+						> span{
+							width: 80px;
+							height: 80px;
+							display: flex;
+							justify-content: center;
+							align-items: center;
+							background-color: #86040e;
+							border-radius: 50%;
+							font-size: 40px;
+							color: #fff;
+						}
+					}
+					> h2{
+						margin-bottom: 20px;
+						font-size: 19px;
+						font-weight: 600;
+						line-height: 20px;
+						color: #222222;
+					}
+					> div{
+						> p{
+							margin-bottom: 20px;
+							font-size: 14px;
+							font-weight: 400;
+							color: #333333;
+							line-height: 20px;
+						}
+					}
+				}
+			}
+		}
+	}
+	.user2-type{
+		background-color: #f9f9f9;
+		width: 100%;
+		> .content{
+			margin: 0 auto;
+			max-width: 1140px;
+			padding: 20px;	
+		    display: flex;
+		    flex-wrap: wrap;
+			@media (max-width: 1000px) {
+				max-width: 1000px;
+			}
+			> .item{
+				margin: 40px 0;
+				width: 50%;
+				padding: 20px;
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				&:nth-child(1){
+					width: 100%;
+				}
+				@media (max-width: 1000px) {
+					width: 100%;
+					margin: 0;
+				}
+				> .img-box{
+					width: 100%;
+					height: 40px;
+					margin-bottom: 20px;
+					text-align: start;
+					> img{
+						width: 100px;
+						height: 100px;
+						border-radius: 50%;
+						object-fit: cover;
+						object-position: top right;
+						box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
+					}
+				}
+				> .box{
+					border-radius: 20px;
+					box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
+					text-align: center;
+					padding: 20px;
+					> .icon{
+						width: 100%;
+						height: 15px;
+						display: flex;
+						align-items: flex-end; 
+						> span{
+							margin: -30px 0px 0px 60px;
+							width: 40px;
+							height: 40px;
+							display: flex;
+							justify-content: center;
+							align-items: center;
+							background-color: #86040e;
+							border-radius: 50%;
+							font-size: 20px;
+							color: #fff;
+						}
+					}
+					> h2{
+						margin-bottom: 20px;
+						font-size: 19px;
+						font-family: "Poppins", Sans-serif;
+						color: #222222;
+						line-height: 1;
+						font-weight: 600;
+						letter-spacing: 2px;
+						&.school{
+							font-size: 15px;
+						}
+					}
+					> p{
+						color: #333333;
+						font-size: 14px;
+						font-weight: 400;
+						line-height: 20px;
+						margin-bottom: 20px;
+					}
+				}
+			}
+		}
+	}
+</style>
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -1,6 +1,5 @@
 import type { RouteRecordRaw } from 'vue-router'
 import AboutView from './pages/about-us/index.vue'
-import ContactView from './pages/ContactView.vue'
 import HomeView from './pages/home/index.vue'
 import ProductsView from './pages/ProductsView.vue'
 import { LANGS } from './lang'
@@ -10,10 +9,12 @@ export const routes: RouteRecordRaw[] = [
 		children: [
 			{
 				path: '',
+				name: 'home',
 				component: HomeView,
 			},
 			{
-				path: 'about',
+				path: 'about-us',
+				name: 'about-us',
 				component: AboutView
 			},
 			{
@@ -22,15 +23,99 @@ export const routes: RouteRecordRaw[] = [
 				component: ProductsView
 			},
 			{
-				path: 'contact',
-				name: 'contact',
-				component: ContactView
+				path: 'media',
+				name: 'media',
+				component: () => import('./pages/media/index.vue')
+			},
+			{
+				path: 'contact-us',
+				name: 'contact-us',
+				component: () => import('./pages/contact-us/index.vue')
 			},
 			{
 				path: 'aida',
 				name: 'Aida',
 				component: () => import('./pages/aida/index.vue')
-			}
+			},
+			{
+				path: 'mixi',
+				name: 'mixi',
+				component: () => import('./pages/mixi/index.vue')
+			},
+			{	path: 'events',
+				name: 'events',
+				component: () => import('./pages/events/index.vue')
+			},
+			{	path: 'events/:id',
+				name: 'events-detail',
+				component: () => import('./pages/events-detail/index.vue')
+			},
+			{	path: 'user-stories',
+				name: 'user-stories',
+				component: () => import('./pages/user-stories/index.vue')
+			},
+			{	path: 'help-centre',
+				name: 'help-centre',
+				component: () => import('./pages/help-centre/index.vue')
+			},
+			// {
+			// 	path: 'my-account',
+			// 	name: 'MyAccount',
+			// 	component: () => import('./pages/my-account/index.vue'),
+			// 	children: [
+			// 		{
+			// 			path: '',
+			// 			name: 'welcome',
+			// 			component: () => import('./pages/my-account/welcome.vue'),
+			// 		},
+			// 		{
+			// 			path: 'orders',
+			// 			name: 'orders',
+			// 			component: () => import('./pages/my-account/orders.vue'),
+			// 		},
+			// 		{
+			// 			path: 'subscriptions',
+			// 			name: 'subscriptions',
+			// 			component: () => import('./pages/my-account/subscriptions.vue'),
+			// 		},
+			// 		{
+			// 			path: 'address',
+			// 			name: 'address',
+			// 			component: () => import('./pages/my-account/address.vue'),
+			// 		},
+			// 		{
+			// 			path: 'payment-methods',
+			// 			name: 'payment-methods',
+			// 			component: () => import('./pages/my-account/payment-methods.vue'),
+			// 		},
+			// 		{
+			// 			path: ':pathMatch(.*)*',
+			// 			name: 'not-found-welcome',
+			// 			component: () => import('./pages/my-account/welcome.vue'),
+			// 		},
+			// 	]
+			// },
+			{	path: 'privacy-policy',
+				name: 'privacy-policy',
+				component: () => import('./pages/others/privacy-policy.vue')
+			},
+			{	path: 'terms-of-use',
+				name: 'terms-of-use',
+				component: () => import('./pages/others/terms-of-use.vue')
+			},
+			{	path: 'disclaimer',
+				name: 'disclaimer',
+				component: () => import('./pages/others/disclaimer.vue')
+			},
+			{	path: 'site-map',
+				name: 'site-map',
+				component: () => import('./pages/others/site-map.vue')
+			},
+			{
+				path: ':pathMatch(.*)*',
+				name: 'not-found-404',
+				component: () => import('./pages/others/not-found-404.vue'),
+			},
 		]
 	}
 ]
--- a/src/stores/global.ts
+++ b/src/stores/global.ts
@@ -0,0 +1,20 @@
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+export const useGlobalStore = defineStore('global', () => {
+	const state = ref({
+		loading: false,// 全局loading
+		windowWidth: 1920,// 页面宽度
+	})
+
+	const setLoading = (v: boolean) => { state.value.loading = v }
+
+	return {
+		state,
+		setLoading,
+	}
+})
+function setWindowWidth() {
+	return useGlobalStore().state.windowWidth = window.innerWidth
+}
+window.addEventListener('resize', setWindowWidth)
+window.addEventListener('load', setWindowWidth)
--- a/src/stores/index.ts
+++ b/src/stores/index.ts
@@ -0,0 +1,9 @@
+import { createPinia } from 'pinia'
+import { createPersistedState } from 'pinia-persistedstate-plugin'
+// 创建store实例
+const store = createPinia()
+// 使用持久化插件(全局持久化)
+store.use(createPersistedState())
+export default store
+export * from './global'
+export * from './userInfo'
--- a/src/stores/userInfo.ts
+++ b/src/stores/userInfo.ts
@@ -0,0 +1,30 @@
+// 每一个存储的模块，命名规则use开头，store结尾
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+export const useUserInfoStore = defineStore('userInfo', () => {
+	const state = ref({
+		userInfo: {},
+		token: '',
+
+	})
+
+	// actions
+	const setUserInfo = (data: any) => {
+		state.value.userInfo = data
+	}
+
+	const setToken = (data: string) => {
+		state.value.token = data
+	}
+
+	const logOut = async () => {
+
+	}
+
+	return {
+		state,
+		setToken,
+		setUserInfo,
+		logOut,
+	}
+})
--- a/src/tools/config.ts
+++ b/src/tools/config.ts
@@ -0,0 +1 @@
+export const IMAGE_BASE_URL = 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk'
--- a/src/tools/myEvents.ts
+++ b/src/tools/myEvents.ts
@@ -0,0 +1,39 @@
+
+class MyEvent {
+	private events: Map<string, Array<(data: any) => void>>;
+	constructor() {
+		// 使用 Object 或 Map 存储，实现 O(1) 级别的查找
+		this.events = new Map()
+	}
+	add(name: string, call: (data: any) => void) {
+		if (!this.events.has(name)) {
+			this.events.set(name, [])
+		}
+		this.events.get(name)!.push(call)
+	}
+	remove(name: string, call?: (data: any) => void) {
+		if (!this.events.has(name)) return
+
+		if (!call) {
+			this.events.delete(name)
+		} else {
+			const callbacks = this.events.get(name)
+			const index = callbacks.indexOf(call)
+			if (index !== -1) {
+				callbacks.splice(index, 1)
+			}
+			// 如果该事件没有监听者了，彻底清理 key
+			if (callbacks.length === 0) {
+				this.events.delete(name)
+			}
+		}
+	}
+	emit(name: string, data?: any) {
+		const callbacks = this.events.get(name)
+		if (callbacks) {
+			// 使用 slice() 镜像一份副本，防止在执行回调过程中有 remove 操作导致索引错乱
+			callbacks.slice().forEach((cb) => cb(data))
+		}
+	}
+}
+export default new MyEvent()
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,7 +1,28 @@
 {
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
+	// "files": [],
+	"include": ["env.d.ts", "src/**/*", "src/**/*.vue", "src/types/**/*.d.ts"],
+	"compilerOptions": {
+		"noUnusedLocals": false,  // 关闭未使用局部变量检查
+		"noUnusedParameters": false,  // 关闭未使用参数检查
+	  "forceConsistentCasingInFileNames": false, // ⚠️ 禁用大小写检查
+	  "allowJs": true,
+	  "types": ["node"],
+	  "paths": {
+		"@/*": ["./src/*"],
+		"_c/*": ["./src/components/*"]
+	  },
+	  "rootDirs": ["./src"],
+	  "skipLibCheck": true,
+	  "strict": false,
+	  "noEmit": true,
+	  "noImplicitAny": false,
+	  "noEmitOnError": false
+	}
+  
+	// "references": [
+	// 	{ "path": "./tsconfig.app.json" },
+	//   {
+	// 	"path": "./tsconfig.node.json"
+	//   }
+	// ]
  }
--- a/tsconfig.tsbuildinfo
+++ b/tsconfig.tsbuildinfo
@@ -0,0 +1 @@
+{"root":["./src/app.vue","./src/main.ts","./src/routes.ts","./src/vite-env.d.ts","./src/components/back-top.vue","./src/components/down-menu.vue","./src/components/email-box.vue","./src/components/main-footer.vue","./src/components/main-header.vue","./src/components/main-menu-dialog.vue","./src/components/video-model.vue","./src/directives/custom-animation.js","./src/directives/custom-show.js","./src/directives/index.ts","./src/directives/scroll-progress.ts","./src/directives/tween.ts","./src/lang/en.ts","./src/lang/index.ts","./src/lang/zh-cn.ts","./src/lang/zh-tw.ts","./src/pages/aboutview.vue","./src/pages/productsview.vue","./src/pages/about-us/ecosystem.vue","./src/pages/about-us/index.vue","./src/pages/about-us/mission.vue","./src/pages/about-us/our-team.vue","./src/pages/about-us/strategic-partners.vue","./src/pages/about-us/title.vue","./src/pages/aida/index.vue","./src/pages/contact-us/index.vue","./src/pages/events/all-events.vue","./src/pages/events/index.vue","./src/pages/events/list-en.js","./src/pages/events/list-zh-cn.js","./src/pages/events/list-zh-tw.js","./src/pages/events/swiper.vue","./src/pages/events-detail/index.vue","./src/pages/events-detail/list-en.js","./src/pages/events-detail/list-zh-cn.js","./src/pages/events-detail/list-zh-tw.js","./src/pages/help-centre/faq.vue","./src/pages/help-centre/index.vue","./src/pages/help-centre/title.vue","./src/pages/home/index.vue","./src/pages/home/components/carousel.vue","./src/pages/home/components/productfeature.vue","./src/pages/home/components/projectcta.vue","./src/pages/media/index.vue","./src/pages/media/list-en.js","./src/pages/media/list-zh-cn.js","./src/pages/media/list-zh-tw.js","./src/pages/mixi/index.vue","./src/pages/my-account/account-info.vue","./src/pages/my-account/address.vue","./src/pages/my-account/index.vue","./src/pages/my-account/login.vue","./src/pages/my-account/orders.vue","./src/pages/my-account/payment-methods.vue","./src/pages/my-account/register.vue","./src/pages/my-account/subscriptions.vue","./src/pages/my-account/tip-box.vue","./src/pages/my-account/welcome.vue","./src/pages/others/disclaimer.vue","./src/pages/others/not-found-404.vue","./src/pages/others/others-header.vue","./src/pages/others/privacy-policy.vue","./src/pages/others/site-map.vue","./src/pages/others/terms-of-use.vue","./src/pages/user-stories/index.vue","./src/pages/user-stories/user-list.vue","./src/stores/global.ts","./src/stores/index.ts","./src/stores/userinfo.ts","./src/tools/config.ts","./src/tools/myevents.ts","./src/types/kagol-vue-carousel.d.ts"],"version":"6.0.3"}
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -7,12 +7,31 @@ import { fileURLToPath, URL } from 'node:url'

 // https://vite.dev/config/
 const config = {
+	ssg: {
+		// 静默所有警告
+		silent: true,
+		
+		// 或者只忽略特定警告
+		onWarning: (warning, message) => {
+			// 忽略 ResizeObserver 和 localStorage 相关警告
+			if (message.includes('ResizeObserver')) {
+				return;
+			}
+			console.warn(warning);
+		}
+	},
+	
+	// 全局定义模拟对象
+	define: {
+		'ResizeObserver': 'typeof ResizeObserver !== "undefined" ? ResizeObserver : class ResizeObserver { observe() {} unobserve() {} disconnect() {} }',
+	},
 	base: '/',
 	plugins: [vue()],
 	ssr: {
 		noExternal: ['@kagol/vue-carousel']
 	},
 	ssgOptions: {
+		mock: true,
 		dirStyle: 'nested',
 		script: 'defer',
 		onFinished() {
Author	SHA1	Message	Date
X1627315083@163.com	d4ad1720a5	fix	2026-06-08 17:18:32 +08:00
X1627315083@163.com	bd2163516b	fix	2026-06-05 15:57:27 +08:00
X1627315083@163.com	466a74e764	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Code-Create	2026-06-05 15:25:37 +08:00
X1627315083@163.com	33f4e569b5	优化页面布局	2026-06-05 15:25:35 +08:00
zhangyahui	1fef2fe3ce	style: Aida页面	2026-06-05 13:10:12 +08:00
zhangyahui	39d024c6e3	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Code-Create	2026-06-05 11:41:40 +08:00
zhangyahui	a4f2353cf0	style: 首页样式	2026-06-05 11:41:38 +08:00
李志鹏	0f999da9ea	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Code-Create	2026-06-05 09:51:22 +08:00
李志鹏	df8fe15a40	lang	2026-06-05 09:51:21 +08:00
zhangyahui	db607ded0d	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Code-Create	2026-06-04 10:47:32 +08:00
zhangyahui	c2c7ee1ef7	feat: 首页跳转链接	2026-06-04 10:47:30 +08:00
李志鹏	82bd081ba0	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Code-Create	2026-06-04 10:47:18 +08:00
李志鹏	da3ad7f43c	设置初始宽度	2026-06-04 10:47:16 +08:00
X1627315083@163.com	b020ce0755	seo优化	2026-06-04 09:39:31 +08:00
zhangyahui	81a0a060ee	feat: 图片地址更换为线上资源	2026-06-03 17:22:48 +08:00
zhangyahui	68087b27ac	feat: aida页面动画	2026-06-03 16:48:57 +08:00
zhangyahui	2a1ed3d9e5	feat: 主页移动端	2026-06-03 16:42:55 +08:00
zhangyahui	45742f7095	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Code-Create	2026-06-03 16:13:17 +08:00
zhangyahui	3610bbb013	feat: AiDA页面i18n	2026-06-03 16:13:15 +08:00
李志鹏	667c8090cf	Media	2026-06-03 15:26:55 +08:00
X1627315083@163.com	d42e7240d7	替换图片	2026-06-03 14:21:11 +08:00
zhangyahui	1b7403b375	feat: 首页i18n	2026-06-03 11:03:44 +08:00
zhangyahui	37796fee49	Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Code-Create	2026-06-02 15:15:32 +08:00
zhangyahui	407678d166	feat: home页轮播图i18n	2026-06-02 15:15:30 +08:00
李志鹏	58a75e7259	上传icon	2026-06-02 15:11:50 +08:00
李志鹏	bc5444ac48	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Code-Create	2026-06-02 15:08:26 +08:00
李志鹏	10d593e23f	添加ssg标题	2026-06-02 15:08:17 +08:00
X1627315083@163.com	d98ddd2940	完善移动端适配	2026-06-02 13:23:41 +08:00
李志鹏	2e35fd4de9	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Code-Create	2026-05-29 10:04:49 +08:00
李志鹏	57f8559020	先去掉登录	2026-05-29 10:04:47 +08:00
X1627315083@163.com	212b47a241	eventDetail页面	2026-05-28 14:42:28 +08:00
李志鹏	6415523eef	移动端适配	2026-05-28 11:05:51 +08:00
李志鹏	d404f5ceac	1	2026-05-28 10:21:11 +08:00
李志鹏	750ed13534	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Code-Create	2026-05-28 10:18:50 +08:00
李志鹏	5fc6656e6e	aaa	2026-05-28 10:18:49 +08:00
X1627315083@163.com	33e879aed5	更新events页面	2026-05-28 10:16:04 +08:00
李志鹏	8ccc57c26c	1	2026-05-28 09:47:20 +08:00
李志鹏	1ba4bbce03	头部和mixi适配移动端	2026-05-28 09:46:56 +08:00
李志鹏	acb06152a0	mini页面	2026-05-27 14:58:04 +08:00
X1627315083@163.com	6956631072	fix	2026-05-20 17:30:41 +08:00
李志鹏	9533839f04	111	2026-05-20 17:28:22 +08:00
李志鹏	a9d606fb72	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Code-Create	2026-05-20 17:17:44 +08:00
李志鹏	c96cf28f42	11	2026-05-20 17:17:42 +08:00
X1627315083@163.com	e01348732e	fix	2026-05-20 17:16:39 +08:00
李志鹏	c277a8aa58	123	2026-05-20 16:07:55 +08:00
X1627315083@163.com	a572e0c674	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Code-Create	2026-05-20 15:55:05 +08:00
李志鹏	681c3dc9db	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Code-Create	2026-05-20 15:54:45 +08:00
李志鹏	28cb492aca	111	2026-05-20 15:54:42 +08:00
X1627315083@163.com	548193a64e	events eventDetail	2026-05-20 15:53:51 +08:00
X1627315083@163.com	8ad8030f47	help-centre	2026-05-20 11:43:05 +08:00
李志鹏	8cf3a2177c	语言适配	2026-05-20 11:10:03 +08:00
X1627315083@163.com	ddd61ff22f	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Code-Create	2026-05-20 10:57:49 +08:00
X1627315083@163.com	a6ab3d9402	fix	2026-05-20 10:57:47 +08:00
李志鹏	e9a909b1db	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Code-Create	2026-05-20 10:55:55 +08:00
李志鹏	9f77810c9e	404和底部页面	2026-05-20 10:55:54 +08:00
X1627315083@163.com	fe205f4920	help-centre	2026-05-20 10:52:33 +08:00
李志鹏	9f079107f7	router	2026-05-19 17:03:28 +08:00
李志鹏	cfcb1bef21	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Code-Create	2026-05-19 15:55:52 +08:00
李志鹏	50ab3853f0	媒体报道&联系我们	2026-05-19 15:55:49 +08:00
X1627315083@163.com	4c515e1123	fix	2026-05-19 14:49:12 +08:00
X1627315083@163.com	7e8fdf315b	all-events页面	2026-05-19 14:48:36 +08:00
李志鹏	db73c58525	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Code-Create	2026-05-19 10:36:49 +08:00
李志鹏	9eeb29da31	111	2026-05-19 10:36:47 +08:00
X1627315083@163.com	55cc4cb40f	fix	2026-05-19 10:36:33 +08:00
李志鹏	bcaeda6217	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Code-Create	2026-05-19 10:05:57 +08:00
李志鹏	c72dd4a455	111	2026-05-19 10:05:55 +08:00
X1627315083@163.com	f75495564a	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Code-Create	2026-05-19 09:57:53 +08:00
X1627315083@163.com	0bc1bd79ed	fix	2026-05-19 09:57:24 +08:00
李志鹏	4254f291f4	登录注册	2026-05-18 16:46:55 +08:00
李志鹏	35df75d4ea	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Code-Create	2026-05-18 15:22:09 +08:00
李志鹏	d327797236	登录注册	2026-05-18 15:22:08 +08:00
X1627315083@163.com	6523c30d9f	about页面	2026-05-18 13:57:05 +08:00
X1627315083@163.com	4af58134fd	about页面	2026-05-18 11:33:26 +08:00
李志鹏	e36b17642f	头尾多语言	2026-05-18 11:13:48 +08:00
X1627315083@163.com	57835e6416	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Code-Create	2026-05-18 10:42:33 +08:00
X1627315083@163.com	892c568efc	fix	2026-05-18 10:42:24 +08:00
李志鹏	a92ceff8e4	Merge branch 'main' of http://18.167.251.121:10003/aidlab/Code-Create	2026-05-18 10:42:22 +08:00
李志鹏	2cf20d1b81	1	2026-05-18 10:41:59 +08:00
X1627315083@163.com	27a280ab46	添加全局视频	2026-05-18 10:41:18 +08:00
				`@@ -0,0 +1 @@`
				`export const IMAGE_BASE_URL = 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk'`
				`@@ -0,0 +1 @@`
				{"root":["./src/app.vue","./src/main.ts","./src/routes.ts","./src/vite-env.d.ts","./src/components/back-top.vue","./src/components/down-menu.vue","./src/components/email-box.vue","./src/components/main-footer.vue","./src/components/main-header.vue","./src/components/main-menu-dialog.vue","./src/components/video-model.vue","./src/directives/custom-animation.js","./src/directives/custom-show.js","./src/directives/index.ts","./src/directives/scroll-progress.ts","./src/directives/tween.ts","./src/lang/en.ts","./src/lang/index.ts","./src/lang/zh-cn.ts","./src/lang/zh-tw.ts","./src/pages/aboutview.vue","./src/pages/productsview.vue","./src/pages/about-us/ecosystem.vue","./src/pages/about-us/index.vue","./src/pages/about-us/mission.vue","./src/pages/about-us/our-team.vue","./src/pages/about-us/strategic-partners.vue","./src/pages/about-us/title.vue","./src/pages/aida/index.vue","./src/pages/contact-us/index.vue","./src/pages/events/all-events.vue","./src/pages/events/index.vue","./src/pages/events/list-en.js","./src/pages/events/list-zh-cn.js","./src/pages/events/list-zh-tw.js","./src/pages/events/swiper.vue","./src/pages/events-detail/index.vue","./src/pages/events-detail/list-en.js","./src/pages/events-detail/list-zh-cn.js","./src/pages/events-detail/list-zh-tw.js","./src/pages/help-centre/faq.vue","./src/pages/help-centre/index.vue","./src/pages/help-centre/title.vue","./src/pages/home/index.vue","./src/pages/home/components/carousel.vue","./src/pages/home/components/productfeature.vue","./src/pages/home/components/projectcta.vue","./src/pages/media/index.vue","./src/pages/media/list-en.js","./src/pages/media/list-zh-cn.js","./src/pages/media/list-zh-tw.js","./src/pages/mixi/index.vue","./src/pages/my-account/account-info.vue","./src/pages/my-account/address.vue","./src/pages/my-account/index.vue","./src/pages/my-account/login.vue","./src/pages/my-account/orders.vue","./src/pages/my-account/payment-methods.vue","./src/pages/my-account/register.vue","./src/pages/my-account/subscriptions.vue","./src/pages/my-account/tip-box.vue","./src/pages/my-account/welcome.vue","./src/pages/others/disclaimer.vue","./src/pages/others/not-found-404.vue","./src/pages/others/others-header.vue","./src/pages/others/privacy-policy.vue","./src/pages/others/site-map.vue","./src/pages/others/terms-of-use.vue","./src/pages/user-stories/index.vue","./src/pages/user-stories/user-list.vue","./src/stores/global.ts","./src/stores/index.ts","./src/stores/userinfo.ts","./src/tools/config.ts","./src/tools/myevents.ts","./src/types/kagol-vue-carousel.d.ts"],"version":"6.0.3"}