diff --git a/config/pages/solutions/use-aigc.ts b/config/pages/solutions/use-aigc.ts
index b84377d..0f9e940 100644
--- a/config/pages/solutions/use-aigc.ts
+++ b/config/pages/solutions/use-aigc.ts
@@ -1,5 +1,6 @@
 export function useAIGC() {
   return {
+    ending: 'Ajlksdjflajsd;lfja;ldf',
     head: {
       img: '/imgs/Project/Metaverse-Build/MusicVenue.jpg',
       topic: 'Never Drink Alone：The Bar Symphony',
@@ -7,81 +8,128 @@ export function useAIGC() {
       description: 'Award-Winning Project',
     },
     feature: {
-      topic: 'home.sectionOne.topic',
-      description: 'home.sectionOne.description',
+      topic: 'home.sectionEight.topic',
+      description: 'home.sectionEight.description',
       content: [
         {
-          title: 'home.sectionOne.content.title[0]',
-          subtext: 'home.sectionOne.content.subtext[0]',
-          description: 'home.sectionOne.content.description[0]',
+          title: 'home.sectionEight.content.title[0]',
+          description: 'home.sectionEight.content.topic[0]',
+          icon: 'i-medical-icon-i-health-services',
         },
         {
-          title: 'home.sectionOne.content.title[1]',
-          subtext: 'home.sectionOne.content.subtext[1]',
-          description: 'home.sectionOne.content.description[1]',
+          title: 'home.sectionEight.content.title[1]',
+          description: 'home.sectionEight.content.topic[1]',
+          icon: 'i-maki-college-11',
         },
         {
-          title: 'home.sectionOne.content.title[2]',
-          subtext: 'home.sectionOne.content.subtext[2]',
-          description: 'home.sectionOne.content.description[2]',
+          title: 'home.sectionEight.content.title[2]',
+          description: 'home.sectionEight.content.topic[2]',
+          icon: 'i-maki-amusement-park-11',
         },
         {
-          title: 'home.sectionOne.content.title[2]',
-          subtext: 'home.sectionOne.content.subtext[2]',
-          description: 'home.sectionOne.content.description[2]',
-        },
-      ],
-    },
-    solutions: {
-      topic: 'home.sectionSix.topic',
-      description: 'home.sectionSix.description',
-      content: [
-        {
-          title: 'home.sectionSix.content.title[0]',
-          topic: 'home.sectionSix.content.topic[0]',
-          description: 'home.sectionSix.content.description[0]',
-          link: {
-            name: 'home.sectionSix.content.link[0]',
-            href: '#',
-          },
-          img: '/imgs/Home-Solutions&Services/DigitalTwin.gif',
-          errImg: '/imgs/Home-Solutions&Services/DigitalTwin.jpg',
+          title: 'home.sectionEight.content.title[3]',
+          description: 'home.sectionEight.content.topic[3]',
+          icon: 'i-maki-gaming',
         },
         {
-          title: 'home.sectionSix.content.title[1]',
-          topic: 'home.sectionSix.content.topic[1]',
-          description: 'home.sectionSix.content.description[1]',
-          link: {
-            name: 'home.sectionSix.content.link[1]',
-            href: '#',
-          },
-          img: '/imgs/Home-Solutions&Services/Circulus.gif',
-          errImg: '/imgs/Home-Solutions&Services/Circulus.jpg',
+          title: 'home.sectionEight.content.title[4]',
+          description: 'home.sectionEight.content.topic[4]',
+          icon: 'i-maki-city',
         },
         {
-          title: 'home.sectionSix.content.title[2]',
-          topic: 'home.sectionSix.content.topic[2]',
-          description: 'home.sectionSix.content.description[2]',
-          link: {
-            name: 'home.sectionSix.content.link[2]',
-            href: '#',
-          },
-          img: '/imgs/Home-Solutions&Services/CyberPink.gif',
-          errImg: '/imgs/Home-Solutions&Services/CyberPink.jpg',
+          title: 'home.sectionEight.content.title[5]',
+          description: 'home.sectionEight.content.topic[5]',
+          icon: 'i-maki-basketball-11',
         },
         {
-          title: 'home.sectionSix.content.title[3]',
-          topic: 'home.sectionSix.content.topic[3]',
-          description: 'home.sectionSix.content.description[3]',
-          link: {
-            name: 'home.sectionSix.content.link[3]',
-            href: '#',
-          },
-          img: '/imgs/Home-Solutions&Services/AIGC.gif',
-          errImg: '/imgs/Home-Solutions&Services/AIGC.jpg',
+          title: 'home.sectionEight.content.title[6]',
+          description: 'home.sectionEight.content.topic[6]',
+          icon: 'i-maki-baseball-11',
+        },
+        {
+          title: 'home.sectionEight.content.title[7]',
+          description: 'home.sectionEight.content.topic[7]',
+          icon: 'i-maki-communications-tower-11',
         },
 
       ],
     },
+    solutions: {
+      title: 'home.sectionFour.title',
+      topic: 'home.sectionFour.topic',
+      description: 'home.sectionFour.description',
+      link: {
+        name: 'home.sectionFour.link',
+        href: '#',
+      },
+      content: [
+        {
+          title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
+          subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
+          img: '/imgs/Release/vamxlaunch/008.png',
+          tags: ['Mixed Reality'],
+          href: '/release/vamxlaunch',
+          author: 'Community Team',
+          profession: 'TOPVERSE Shanghai Studio',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2023/6/6',
+        },
+        {
+          title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
+          subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
+          img: '/imgs/Release/vamxlaunch/008.png',
+          tags: ['Mixed Reality'],
+          href: '/release/vamxlaunch',
+          author: 'Community Team',
+          profession: 'TOPVERSE Shanghai Studio',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2023/6/6',
+        },
+        {
+          title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
+          subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
+          img: '/imgs/Release/vamxlaunch/008.png',
+          tags: ['Mixed Reality'],
+          href: '/release/vamxlaunch',
+          author: 'Community Team',
+          profession: 'TOPVERSE Shanghai Studio',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2023/6/6',
+        },
+        {
+          title: '立“码”浸入新宇宙',
+          subtitle: '全新VR游戏体验《樱花城》登录Meta Quest',
+          img: '/imgs/Release/sakuracity/20230607-135223.jpg',
+          tags: ['Web 3.0', 'Mixed Reality'],
+          href: '/release/sakuracity',
+          author: 'Technology Lab',
+          profession: 'TOPVERSE Beijing Lab',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2023/6/6',
+        },
+        {
+          title: 'TOPVERSE联合中国铁塔入围数字中国城市设计元宇宙RAR赛道百景新锐',
+          subtitle: '2023数字中国创新大赛',
+          img: '/imgs/Release/dcic2023/001.png',
+          tags: ['Web 3.0', 'Digital Twins'],
+          href: '/release/dcic2023',
+          author: 'Technology Lab',
+          profession: 'TOPVERSE Beijing Lab',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2023/04/21',
+        },
+        {
+          title: '2022年度TOPVERSE高光时刻',
+          subtitle: 'Annual Review',
+          img: '/imgs/Release/2023annualreview/s00.jpg',
+          tags: ['Web 3.0', 'Digital Twins'],
+          href: '/release/annualreview2023',
+          author: 'Technical Artist/ 3D Content Team',
+          profession: 'TOPVERSE Shanghai Studio',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2022/1/18',
+        },
+      ],
+    },
   }
 }
diff --git a/config/pages/solutions/use-digital-twin.ts b/config/pages/solutions/use-digital-twin.ts
index 0c46649..964cc5f 100644
--- a/config/pages/solutions/use-digital-twin.ts
+++ b/config/pages/solutions/use-digital-twin.ts
@@ -1,5 +1,6 @@
 export function useDigitalTwin() {
   return {
+    ending: 'Ajlksdjflajsd;lfja;ldf',
     head: {
       img: '/imgs/Project/Metaverse-Build/MusicVenue.jpg',
       topic: 'Never Drink Alone：The Bar Symphony',
@@ -7,81 +8,128 @@ export function useDigitalTwin() {
       description: 'Award-Winning Project',
     },
     feature: {
-      topic: 'home.sectionOne.topic',
-      description: 'home.sectionOne.description',
+      topic: 'home.sectionEight.topic',
+      description: 'home.sectionEight.description',
       content: [
         {
-          title: 'home.sectionOne.content.title[0]',
-          subtext: 'home.sectionOne.content.subtext[0]',
-          description: 'home.sectionOne.content.description[0]',
+          title: 'home.sectionEight.content.title[0]',
+          description: 'home.sectionEight.content.topic[0]',
+          icon: 'i-medical-icon-i-health-services',
         },
         {
-          title: 'home.sectionOne.content.title[1]',
-          subtext: 'home.sectionOne.content.subtext[1]',
-          description: 'home.sectionOne.content.description[1]',
+          title: 'home.sectionEight.content.title[1]',
+          description: 'home.sectionEight.content.topic[1]',
+          icon: 'i-maki-college-11',
         },
         {
-          title: 'home.sectionOne.content.title[2]',
-          subtext: 'home.sectionOne.content.subtext[2]',
-          description: 'home.sectionOne.content.description[2]',
+          title: 'home.sectionEight.content.title[2]',
+          description: 'home.sectionEight.content.topic[2]',
+          icon: 'i-maki-amusement-park-11',
         },
         {
-          title: 'home.sectionOne.content.title[2]',
-          subtext: 'home.sectionOne.content.subtext[2]',
-          description: 'home.sectionOne.content.description[2]',
-        },
-      ],
-    },
-    solutions: {
-      topic: 'home.sectionSix.topic',
-      description: 'home.sectionSix.description',
-      content: [
-        {
-          title: 'home.sectionSix.content.title[0]',
-          topic: 'home.sectionSix.content.topic[0]',
-          description: 'home.sectionSix.content.description[0]',
-          link: {
-            name: 'home.sectionSix.content.link[0]',
-            href: '#',
-          },
-          img: '/imgs/Home-Solutions&Services/DigitalTwin.gif',
-          errImg: '/imgs/Home-Solutions&Services/DigitalTwin.jpg',
+          title: 'home.sectionEight.content.title[3]',
+          description: 'home.sectionEight.content.topic[3]',
+          icon: 'i-maki-gaming',
         },
         {
-          title: 'home.sectionSix.content.title[1]',
-          topic: 'home.sectionSix.content.topic[1]',
-          description: 'home.sectionSix.content.description[1]',
-          link: {
-            name: 'home.sectionSix.content.link[1]',
-            href: '#',
-          },
-          img: '/imgs/Home-Solutions&Services/Circulus.gif',
-          errImg: '/imgs/Home-Solutions&Services/Circulus.jpg',
+          title: 'home.sectionEight.content.title[4]',
+          description: 'home.sectionEight.content.topic[4]',
+          icon: 'i-maki-city',
         },
         {
-          title: 'home.sectionSix.content.title[2]',
-          topic: 'home.sectionSix.content.topic[2]',
-          description: 'home.sectionSix.content.description[2]',
-          link: {
-            name: 'home.sectionSix.content.link[2]',
-            href: '#',
-          },
-          img: '/imgs/Home-Solutions&Services/CyberPink.gif',
-          errImg: '/imgs/Home-Solutions&Services/CyberPink.jpg',
+          title: 'home.sectionEight.content.title[5]',
+          description: 'home.sectionEight.content.topic[5]',
+          icon: 'i-maki-basketball-11',
         },
         {
-          title: 'home.sectionSix.content.title[3]',
-          topic: 'home.sectionSix.content.topic[3]',
-          description: 'home.sectionSix.content.description[3]',
-          link: {
-            name: 'home.sectionSix.content.link[3]',
-            href: '#',
-          },
-          img: '/imgs/Home-Solutions&Services/AIGC.gif',
-          errImg: '/imgs/Home-Solutions&Services/AIGC.jpg',
+          title: 'home.sectionEight.content.title[6]',
+          description: 'home.sectionEight.content.topic[6]',
+          icon: 'i-maki-baseball-11',
+        },
+        {
+          title: 'home.sectionEight.content.title[7]',
+          description: 'home.sectionEight.content.topic[7]',
+          icon: 'i-maki-communications-tower-11',
         },
 
       ],
     },
+    solutions: {
+      title: 'home.sectionFour.title',
+      topic: 'home.sectionFour.topic',
+      description: 'home.sectionFour.description',
+      link: {
+        name: 'home.sectionFour.link',
+        href: '#',
+      },
+      content: [
+        {
+          title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
+          subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
+          img: '/imgs/Release/vamxlaunch/008.png',
+          tags: ['Mixed Reality'],
+          href: '/release/vamxlaunch',
+          author: 'Community Team',
+          profession: 'TOPVERSE Shanghai Studio',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2023/6/6',
+        },
+        {
+          title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
+          subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
+          img: '/imgs/Release/vamxlaunch/008.png',
+          tags: ['Mixed Reality'],
+          href: '/release/vamxlaunch',
+          author: 'Community Team',
+          profession: 'TOPVERSE Shanghai Studio',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2023/6/6',
+        },
+        {
+          title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
+          subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
+          img: '/imgs/Release/vamxlaunch/008.png',
+          tags: ['Mixed Reality'],
+          href: '/release/vamxlaunch',
+          author: 'Community Team',
+          profession: 'TOPVERSE Shanghai Studio',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2023/6/6',
+        },
+        {
+          title: '立“码”浸入新宇宙',
+          subtitle: '全新VR游戏体验《樱花城》登录Meta Quest',
+          img: '/imgs/Release/sakuracity/20230607-135223.jpg',
+          tags: ['Web 3.0', 'Mixed Reality'],
+          href: '/release/sakuracity',
+          author: 'Technology Lab',
+          profession: 'TOPVERSE Beijing Lab',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2023/6/6',
+        },
+        {
+          title: 'TOPVERSE联合中国铁塔入围数字中国城市设计元宇宙RAR赛道百景新锐',
+          subtitle: '2023数字中国创新大赛',
+          img: '/imgs/Release/dcic2023/001.png',
+          tags: ['Web 3.0', 'Digital Twins'],
+          href: '/release/dcic2023',
+          author: 'Technology Lab',
+          profession: 'TOPVERSE Beijing Lab',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2023/04/21',
+        },
+        {
+          title: '2022年度TOPVERSE高光时刻',
+          subtitle: 'Annual Review',
+          img: '/imgs/Release/2023annualreview/s00.jpg',
+          tags: ['Web 3.0', 'Digital Twins'],
+          href: '/release/annualreview2023',
+          author: 'Technical Artist/ 3D Content Team',
+          profession: 'TOPVERSE Shanghai Studio',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2022/1/18',
+        },
+      ],
+    },
   }
 }
diff --git a/config/pages/solutions/use-mixed-reality.ts b/config/pages/solutions/use-mixed-reality.ts
index 9504783..a7d4bd0 100644
--- a/config/pages/solutions/use-mixed-reality.ts
+++ b/config/pages/solutions/use-mixed-reality.ts
@@ -1,87 +1,135 @@
 export function useMixedReality() {
   return {
+    ending: 'Ajlksdjflajsd;lfja;ldf',
     head: {
       img: '/imgs/Project/Metaverse-Build/MusicVenue.jpg',
       topic: 'Never Drink Alone：The Bar Symphony',
       title: 'Metaverse Space Design',
       description: 'Award-Winning Project',
     },
-    // feature: {
-    //   topic: 'home.sectionOne.topic',
-    //   description: 'home.sectionOne.description',
-    //   content: [
-    //     {
-    //       title: 'home.sectionOne.content.title[0]',
-    //       subtext: 'home.sectionOne.content.subtext[0]',
-    //       description: 'home.sectionOne.content.description[0]',
-    //     },
-    //     {
-    //       title: 'home.sectionOne.content.title[1]',
-    //       subtext: 'home.sectionOne.content.subtext[1]',
-    //       description: 'home.sectionOne.content.description[1]',
-    //     },
-    //     {
-    //       title: 'home.sectionOne.content.title[2]',
-    //       subtext: 'home.sectionOne.content.subtext[2]',
-    //       description: 'home.sectionOne.content.description[2]',
-    //     },
-    //     {
-    //       title: 'home.sectionOne.content.title[2]',
-    //       subtext: 'home.sectionOne.content.subtext[2]',
-    //       description: 'home.sectionOne.content.description[2]',
-    //     },
-    //   ],
-    // },
-    solutions: {
-      topic: 'home.sectionSix.topic',
-      description: 'home.sectionSix.description',
+    feature: {
+      topic: 'home.sectionEight.topic',
+      description: 'home.sectionEight.description',
       content: [
         {
-          title: 'home.sectionSix.content.title[0]',
-          topic: 'home.sectionSix.content.topic[0]',
-          description: 'home.sectionSix.content.description[0]',
-          link: {
-            name: 'home.sectionSix.content.link[0]',
-            href: '#',
-          },
-          img: '/imgs/Home-Solutions&Services/DigitalTwin.gif',
-          errImg: '/imgs/Home-Solutions&Services/DigitalTwin.jpg',
+          title: 'home.sectionEight.content.title[0]',
+          description: 'home.sectionEight.content.topic[0]',
+          icon: 'i-medical-icon-i-health-services',
         },
         {
-          title: 'home.sectionSix.content.title[1]',
-          topic: 'home.sectionSix.content.topic[1]',
-          description: 'home.sectionSix.content.description[1]',
-          link: {
-            name: 'home.sectionSix.content.link[1]',
-            href: '#',
-          },
-          img: '/imgs/Home-Solutions&Services/Circulus.gif',
-          errImg: '/imgs/Home-Solutions&Services/Circulus.jpg',
+          title: 'home.sectionEight.content.title[1]',
+          description: 'home.sectionEight.content.topic[1]',
+          icon: 'i-maki-college-11',
         },
         {
-          title: 'home.sectionSix.content.title[2]',
-          topic: 'home.sectionSix.content.topic[2]',
-          description: 'home.sectionSix.content.description[2]',
-          link: {
-            name: 'home.sectionSix.content.link[2]',
-            href: '#',
-          },
-          img: '/imgs/Home-Solutions&Services/CyberPink.gif',
-          errImg: '/imgs/Home-Solutions&Services/CyberPink.jpg',
+          title: 'home.sectionEight.content.title[2]',
+          description: 'home.sectionEight.content.topic[2]',
+          icon: 'i-maki-amusement-park-11',
         },
         {
-          title: 'home.sectionSix.content.title[3]',
-          topic: 'home.sectionSix.content.topic[3]',
-          description: 'home.sectionSix.content.description[3]',
-          link: {
-            name: 'home.sectionSix.content.link[3]',
-            href: '#',
-          },
-          img: '/imgs/Home-Solutions&Services/AIGC.gif',
-          errImg: '/imgs/Home-Solutions&Services/AIGC.jpg',
+          title: 'home.sectionEight.content.title[3]',
+          description: 'home.sectionEight.content.topic[3]',
+          icon: 'i-maki-gaming',
+        },
+        {
+          title: 'home.sectionEight.content.title[4]',
+          description: 'home.sectionEight.content.topic[4]',
+          icon: 'i-maki-city',
+        },
+        {
+          title: 'home.sectionEight.content.title[5]',
+          description: 'home.sectionEight.content.topic[5]',
+          icon: 'i-maki-basketball-11',
+        },
+        {
+          title: 'home.sectionEight.content.title[6]',
+          description: 'home.sectionEight.content.topic[6]',
+          icon: 'i-maki-baseball-11',
+        },
+        {
+          title: 'home.sectionEight.content.title[7]',
+          description: 'home.sectionEight.content.topic[7]',
+          icon: 'i-maki-communications-tower-11',
         },
 
       ],
     },
+    solutions: {
+      title: 'home.sectionFour.title',
+      topic: 'home.sectionFour.topic',
+      description: 'home.sectionFour.description',
+      link: {
+        name: 'home.sectionFour.link',
+        href: '#',
+      },
+      content: [
+        {
+          title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
+          subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
+          img: '/imgs/Release/vamxlaunch/008.png',
+          tags: ['Mixed Reality'],
+          href: '/release/vamxlaunch',
+          author: 'Community Team',
+          profession: 'TOPVERSE Shanghai Studio',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2023/6/6',
+        },
+        {
+          title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
+          subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
+          img: '/imgs/Release/vamxlaunch/008.png',
+          tags: ['Mixed Reality'],
+          href: '/release/vamxlaunch',
+          author: 'Community Team',
+          profession: 'TOPVERSE Shanghai Studio',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2023/6/6',
+        },
+        {
+          title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
+          subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
+          img: '/imgs/Release/vamxlaunch/008.png',
+          tags: ['Mixed Reality'],
+          href: '/release/vamxlaunch',
+          author: 'Community Team',
+          profession: 'TOPVERSE Shanghai Studio',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2023/6/6',
+        },
+        {
+          title: '立“码”浸入新宇宙',
+          subtitle: '全新VR游戏体验《樱花城》登录Meta Quest',
+          img: '/imgs/Release/sakuracity/20230607-135223.jpg',
+          tags: ['Web 3.0', 'Mixed Reality'],
+          href: '/release/sakuracity',
+          author: 'Technology Lab',
+          profession: 'TOPVERSE Beijing Lab',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2023/6/6',
+        },
+        {
+          title: 'TOPVERSE联合中国铁塔入围数字中国城市设计元宇宙RAR赛道百景新锐',
+          subtitle: '2023数字中国创新大赛',
+          img: '/imgs/Release/dcic2023/001.png',
+          tags: ['Web 3.0', 'Digital Twins'],
+          href: '/release/dcic2023',
+          author: 'Technology Lab',
+          profession: 'TOPVERSE Beijing Lab',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2023/04/21',
+        },
+        {
+          title: '2022年度TOPVERSE高光时刻',
+          subtitle: 'Annual Review',
+          img: '/imgs/Release/2023annualreview/s00.jpg',
+          tags: ['Web 3.0', 'Digital Twins'],
+          href: '/release/annualreview2023',
+          author: 'Technical Artist/ 3D Content Team',
+          profession: 'TOPVERSE Shanghai Studio',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2022/1/18',
+        },
+      ],
+    },
   }
 }
diff --git a/config/pages/solutions/use-web3.ts b/config/pages/solutions/use-web3.ts
index 4f3bcaa..d92e268 100644
--- a/config/pages/solutions/use-web3.ts
+++ b/config/pages/solutions/use-web3.ts
@@ -1,5 +1,6 @@
 export function useWeb3() {
   return {
+    ending: 'Ajlksdjflajsd;lfja;ldf',
     head: {
       img: '/imgs/Project/Metaverse-Build/MusicVenue.jpg',
       topic: 'Never Drink Alone：The Bar Symphony',
@@ -7,81 +8,128 @@ export function useWeb3() {
       description: 'Award-Winning Project',
     },
     feature: {
-      topic: 'home.sectionOne.topic',
-      description: 'home.sectionOne.description',
+      topic: 'home.sectionEight.topic',
+      description: 'home.sectionEight.description',
       content: [
         {
-          title: 'home.sectionOne.content.title[0]',
-          subtext: 'home.sectionOne.content.subtext[0]',
-          description: 'home.sectionOne.content.description[0]',
+          title: 'home.sectionEight.content.title[0]',
+          description: 'home.sectionEight.content.topic[0]',
+          icon: 'i-medical-icon-i-health-services',
         },
         {
-          title: 'home.sectionOne.content.title[1]',
-          subtext: 'home.sectionOne.content.subtext[1]',
-          description: 'home.sectionOne.content.description[1]',
+          title: 'home.sectionEight.content.title[1]',
+          description: 'home.sectionEight.content.topic[1]',
+          icon: 'i-maki-college-11',
         },
         {
-          title: 'home.sectionOne.content.title[2]',
-          subtext: 'home.sectionOne.content.subtext[2]',
-          description: 'home.sectionOne.content.description[2]',
+          title: 'home.sectionEight.content.title[2]',
+          description: 'home.sectionEight.content.topic[2]',
+          icon: 'i-maki-amusement-park-11',
         },
         {
-          title: 'home.sectionOne.content.title[2]',
-          subtext: 'home.sectionOne.content.subtext[2]',
-          description: 'home.sectionOne.content.description[2]',
-        },
-      ],
-    },
-    solutions: {
-      topic: 'home.sectionSix.topic',
-      description: 'home.sectionSix.description',
-      content: [
-        {
-          title: 'home.sectionSix.content.title[0]',
-          topic: 'home.sectionSix.content.topic[0]',
-          description: 'home.sectionSix.content.description[0]',
-          link: {
-            name: 'home.sectionSix.content.link[0]',
-            href: '#',
-          },
-          img: '/imgs/Home-Solutions&Services/DigitalTwin.gif',
-          errImg: '/imgs/Home-Solutions&Services/DigitalTwin.jpg',
+          title: 'home.sectionEight.content.title[3]',
+          description: 'home.sectionEight.content.topic[3]',
+          icon: 'i-maki-gaming',
         },
         {
-          title: 'home.sectionSix.content.title[1]',
-          topic: 'home.sectionSix.content.topic[1]',
-          description: 'home.sectionSix.content.description[1]',
-          link: {
-            name: 'home.sectionSix.content.link[1]',
-            href: '#',
-          },
-          img: '/imgs/Home-Solutions&Services/Circulus.gif',
-          errImg: '/imgs/Home-Solutions&Services/Circulus.jpg',
+          title: 'home.sectionEight.content.title[4]',
+          description: 'home.sectionEight.content.topic[4]',
+          icon: 'i-maki-city',
         },
         {
-          title: 'home.sectionSix.content.title[2]',
-          topic: 'home.sectionSix.content.topic[2]',
-          description: 'home.sectionSix.content.description[2]',
-          link: {
-            name: 'home.sectionSix.content.link[2]',
-            href: '#',
-          },
-          img: '/imgs/Home-Solutions&Services/CyberPink.gif',
-          errImg: '/imgs/Home-Solutions&Services/CyberPink.jpg',
+          title: 'home.sectionEight.content.title[5]',
+          description: 'home.sectionEight.content.topic[5]',
+          icon: 'i-maki-basketball-11',
         },
         {
-          title: 'home.sectionSix.content.title[3]',
-          topic: 'home.sectionSix.content.topic[3]',
-          description: 'home.sectionSix.content.description[3]',
-          link: {
-            name: 'home.sectionSix.content.link[3]',
-            href: '#',
-          },
-          img: '/imgs/Home-Solutions&Services/AIGC.gif',
-          errImg: '/imgs/Home-Solutions&Services/AIGC.jpg',
+          title: 'home.sectionEight.content.title[6]',
+          description: 'home.sectionEight.content.topic[6]',
+          icon: 'i-maki-baseball-11',
+        },
+        {
+          title: 'home.sectionEight.content.title[7]',
+          description: 'home.sectionEight.content.topic[7]',
+          icon: 'i-maki-communications-tower-11',
         },
 
       ],
     },
+    solutions: {
+      title: 'home.sectionFour.title',
+      topic: 'home.sectionFour.topic',
+      description: 'home.sectionFour.description',
+      link: {
+        name: 'home.sectionFour.link',
+        href: '#',
+      },
+      content: [
+        {
+          title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
+          subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
+          img: '/imgs/Release/vamxlaunch/008.png',
+          tags: ['Mixed Reality'],
+          href: '/release/vamxlaunch',
+          author: 'Community Team',
+          profession: 'TOPVERSE Shanghai Studio',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2023/6/6',
+        },
+        {
+          title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
+          subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
+          img: '/imgs/Release/vamxlaunch/008.png',
+          tags: ['Mixed Reality'],
+          href: '/release/vamxlaunch',
+          author: 'Community Team',
+          profession: 'TOPVERSE Shanghai Studio',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2023/6/6',
+        },
+        {
+          title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
+          subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
+          img: '/imgs/Release/vamxlaunch/008.png',
+          tags: ['Mixed Reality'],
+          href: '/release/vamxlaunch',
+          author: 'Community Team',
+          profession: 'TOPVERSE Shanghai Studio',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2023/6/6',
+        },
+        {
+          title: '立“码”浸入新宇宙',
+          subtitle: '全新VR游戏体验《樱花城》登录Meta Quest',
+          img: '/imgs/Release/sakuracity/20230607-135223.jpg',
+          tags: ['Web 3.0', 'Mixed Reality'],
+          href: '/release/sakuracity',
+          author: 'Technology Lab',
+          profession: 'TOPVERSE Beijing Lab',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2023/6/6',
+        },
+        {
+          title: 'TOPVERSE联合中国铁塔入围数字中国城市设计元宇宙RAR赛道百景新锐',
+          subtitle: '2023数字中国创新大赛',
+          img: '/imgs/Release/dcic2023/001.png',
+          tags: ['Web 3.0', 'Digital Twins'],
+          href: '/release/dcic2023',
+          author: 'Technology Lab',
+          profession: 'TOPVERSE Beijing Lab',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2023/04/21',
+        },
+        {
+          title: '2022年度TOPVERSE高光时刻',
+          subtitle: 'Annual Review',
+          img: '/imgs/Release/2023annualreview/s00.jpg',
+          tags: ['Web 3.0', 'Digital Twins'],
+          href: '/release/annualreview2023',
+          author: 'Technical Artist/ 3D Content Team',
+          profession: 'TOPVERSE Shanghai Studio',
+          avatar: '/imgs/Community/Avatar/topverse.png',
+          createTime: '2022/1/18',
+        },
+      ],
+    },
   }
 }
diff --git a/pages/solutions.vue b/pages/solutions.vue
index 59c5c02..35884d5 100644
--- a/pages/solutions.vue
+++ b/pages/solutions.vue
@@ -1,7 +1,7 @@
 <template>
   <NuxtPage />
 
-  <Section>
+  <!-- <Section>
     <div class="grid-row rounded-lg from-violet-500 to-fuchsia-500 bg-gradient-to-r p-5 text-white shadow-lg lg:(grid-cols-2)">
       <ATypography
         class="text-white"
@@ -14,10 +14,10 @@
           <AInput placeholder="邮箱" class="col-start-1 w-full text-sm" input-wrapper-classes="bg-light-50" />
           <ABtn>test</ABtn>
         </div>
-        <!-- <ACheckbox>
+        <ACheckbox>
           <span>同意接收来自我们的消息</span>
-        </ACheckbox> -->
+        </ACheckbox>
       </div>
     </div>
-  </Section>
+  </Section> -->
 </template>
diff --git a/pages/solutions/aigc.vue b/pages/solutions/aigc.vue
index 9ad5ea0..4463c4c 100644
--- a/pages/solutions/aigc.vue
+++ b/pages/solutions/aigc.vue
@@ -6,39 +6,59 @@ const content = useAIGC()
 
 <template>
   <SectionBanner :img="content.head?.img" :title="content.head?.title" :topic="content.head?.topic" :description="content.head?.description" font-bold text-white />
-  <SectionGradientCard :content="content.feature.content" :topic="content.feature.topic" />
+  <!-- <SectionGradientCard :content="content.feature.content" :topic="content.feature.topic" /> -->
 
   <Section>
-    <Typography :topic=" $t(content.solutions.topic) " :description=" $t(content.solutions.description) " />
-
-    <div v-for="(item, i) in content.solutions.content" :key="i" class="flex flex-wrap gap-6 py-10 md:flex-nowrap" :class="{ 'flex-row-reverse': i % 2 === 0 }">
-      <div class="w-45% flex-grow">
-        <div class="relative h-full w-full flex items-center justify-center overflow-hidden border-6px border-dark-50/10 rounded-xl dark:border-light-50/10" style="mask-image:linear-gradient(0deg, transparent, #000);-webkit-mask-image:linear-gradient(0deg, transparent, #000 60%);">
-          <ImageLoading quality="20" :src="item.img" :err-src="item.errImg" class="h-full w-full" fit="cover" height="300" width="600" loading="lazy" />
-          <!-- <NuxtImg quality="20" :src="item.img" class="h-full w-full" fit="cover" height="300" width="600" loading="lazy"/> -->
-        </div>
-      </div>
-
-      <div class="w-55% flex-grow">
-        <div class="h-full w-full flex flex-col items-center justify-center px-2 md:(items-start px-16)">
-          <p class="text-title">
-            {{ $t(item.title) }}
-          </p>
-          <h4 class="text-h4 font-bold">
-            {{ $t(item.topic) }}
-          </h4>
-          <p class="text-h6 text-center md:text-left">
-            {{ $t(item.description) }}
-          </p>
-          <div v-if="item.link" class="w-full py-10 text-center md:text-left">
-            <LocaleNuxtLink :href="item.link.href">
-              <ABtn variant="light" class="group">
-                {{ $t(item.link.name) }} <div i-solar-arrow-right-linear class="transition-all group-hover:px-4" />
-              </ABtn>
-            </LocaleNuxtLink>
-          </div>
-        </div>
+    <div class="grid-row grid-cols-2 gap-20 pb-20 lg:(grid-cols-4)">
+      <div
+        v-for="(item, i) in content.feature.content"
+        :key="i"
+        class="w-full text-center"
+      >
+        <div :class="item.icon" mb-5 h-60px w-full />
+        <h4 text-h4 mb-1 font-bold>
+          {{ $t(item.title) }}
+        </h4>
+        <p text-h7>
+          {{ $t(item.description) }}
+        </p>
       </div>
     </div>
   </Section>
+
+  <Section>
+    <div class="flex flex-col rounded-lg bg-light-800/5 p-10 md:flex-row">
+      <div class="flex-1/2 md:px-12">
+        <BrandLogo class="flex scale-90 justify-center md:justify-start" />
+        <div class="h-full flex flex-col items-center justify-center pb-100px md:pb-300px">
+          <Typography
+            description-class="line-clamp-none"
+            :topic="$t(content.solutions.topic)" :description="$t(content.solutions.description)" :link="{
+              href: content.solutions.link.href,
+              name: $t(content.solutions.link.name),
+            }" class="pt-5 md:text-start"
+          />
+        </div>
+      </div>
+
+      <div class="3xl:grid-cols-4 grid-row flex-grow pb-10 2xl:grid-cols-3 lg:grid-cols-2">
+        <!-- 👉 2nd card -->
+        <Card
+          v-for="(item, i) in content.solutions.content"
+          :key="i"
+          class="bg-transparent" :class="[`animated-delay-${i * 100}ms`] "
+          :title="item.title"
+          :description="item.subtitle"
+          :img="item.img"
+          :href="item.href"
+          :avatar="item?.avatar"
+          :author="item?.author"
+          :profession="item?.profession"
+          :create-time="item?.createTime"
+        />
+      </div>
+    </div>
+  </Section>
+
+  <Typography :topic=" $t(content.ending)" class="pt-5" />
 </template>
diff --git a/pages/solutions/digital-twin.vue b/pages/solutions/digital-twin.vue
index 5cae041..e1e2437 100644
--- a/pages/solutions/digital-twin.vue
+++ b/pages/solutions/digital-twin.vue
@@ -6,39 +6,59 @@ const content = useDigitalTwin()
 
 <template>
   <SectionBanner :img="content.head?.img" :title="content.head?.title" :topic="content.head?.topic" :description="content.head?.description" font-bold text-white />
-  <SectionGradientCard :content="content.feature.content" :topic="content.feature.topic" />
+  <!-- <SectionGradientCard :content="content.feature.content" :topic="content.feature.topic" /> -->
 
   <Section>
-    <Typography :topic=" $t(content.solutions.topic) " :description=" $t(content.solutions.description) " />
-
-    <div v-for="(item, i) in content.solutions.content" :key="i" class="flex flex-wrap gap-6 py-10 md:flex-nowrap" :class="{ 'flex-row-reverse': i % 2 === 0 }">
-      <div class="w-45% flex-grow">
-        <div class="relative h-full w-full flex items-center justify-center overflow-hidden border-6px border-dark-50/10 rounded-xl dark:border-light-50/10" style="mask-image:linear-gradient(0deg, transparent, #000);-webkit-mask-image:linear-gradient(0deg, transparent, #000 60%);">
-          <ImageLoading quality="20" :src="item.img" :err-src="item.errImg" class="h-full w-full" fit="cover" height="300" width="600" loading="lazy" />
-          <!-- <NuxtImg quality="20" :src="item.img" class="h-full w-full" fit="cover" height="300" width="600" loading="lazy"/> -->
-        </div>
-      </div>
-
-      <div class="w-55% flex-grow">
-        <div class="h-full w-full flex flex-col items-center justify-center px-2 md:(items-start px-16)">
-          <p class="text-title">
-            {{ $t(item.title) }}
-          </p>
-          <h4 class="text-h4 font-bold">
-            {{ $t(item.topic) }}
-          </h4>
-          <p class="text-h6 text-center md:text-left">
-            {{ $t(item.description) }}
-          </p>
-          <div v-if="item.link" class="w-full py-10 text-center md:text-left">
-            <LocaleNuxtLink :href="item.link.href">
-              <ABtn variant="light" class="group">
-                {{ $t(item.link.name) }} <div i-solar-arrow-right-linear class="transition-all group-hover:px-4" />
-              </ABtn>
-            </LocaleNuxtLink>
-          </div>
-        </div>
+    <div class="grid-row grid-cols-2 gap-20 pb-20 lg:(grid-cols-4)">
+      <div
+        v-for="(item, i) in content.feature.content"
+        :key="i"
+        class="w-full text-center"
+      >
+        <div :class="item.icon" mb-5 h-60px w-full />
+        <h4 text-h4 mb-1 font-bold>
+          {{ $t(item.title) }}
+        </h4>
+        <p text-h7>
+          {{ $t(item.description) }}
+        </p>
       </div>
     </div>
   </Section>
+
+  <Section>
+    <div class="flex flex-col rounded-lg bg-light-800/5 p-10 md:flex-row">
+      <div class="flex-1/2 md:px-12">
+        <BrandLogo class="flex scale-90 justify-center md:justify-start" />
+        <div class="h-full flex flex-col items-center justify-center pb-100px md:pb-300px">
+          <Typography
+            description-class="line-clamp-none"
+            :topic="$t(content.solutions.topic)" :description="$t(content.solutions.description)" :link="{
+              href: content.solutions.link.href,
+              name: $t(content.solutions.link.name),
+            }" class="pt-5 md:text-start"
+          />
+        </div>
+      </div>
+
+      <div class="3xl:grid-cols-4 grid-row flex-grow pb-10 2xl:grid-cols-3 lg:grid-cols-2">
+        <!-- 👉 2nd card -->
+        <Card
+          v-for="(item, i) in content.solutions.content"
+          :key="i"
+          class="bg-transparent" :class="[`animated-delay-${i * 100}ms`] "
+          :title="item.title"
+          :description="item.subtitle"
+          :img="item.img"
+          :href="item.href"
+          :avatar="item?.avatar"
+          :author="item?.author"
+          :profession="item?.profession"
+          :create-time="item?.createTime"
+        />
+      </div>
+    </div>
+  </Section>
+
+  <Typography :topic=" $t(content.ending)" class="pt-5" />
 </template>
diff --git a/pages/solutions/mixed-reality.vue b/pages/solutions/mixed-reality.vue
index 8e8bc60..254feec 100644
--- a/pages/solutions/mixed-reality.vue
+++ b/pages/solutions/mixed-reality.vue
@@ -1,43 +1,64 @@
 <script setup lang="ts">
 import { useMixedReality } from '~/config/pages/solutions/use-mixed-reality'
 
-const mixedReality = useMixedReality()
+const content = useMixedReality()
 </script>
 
 <template>
-  <SectionBanner :img="mixedReality.head?.img" :title="mixedReality.head?.title" :topic="mixedReality.head?.topic" :description="mixedReality.head?.description" font-bold text-white />
+  <SectionBanner :img="content.head?.img" :title="content.head?.title" :topic="content.head?.topic" :description="content.head?.description" font-bold text-white />
+  <!-- <SectionGradientCard :content="content.feature.content" :topic="content.feature.topic" /> -->
 
   <Section>
-    <Typography :topic=" $t(mixedReality.solutions.topic) " :description=" $t(mixedReality.solutions.description) " />
-
-    <div v-for="(item, i) in mixedReality.solutions.content" :key="i" class="flex flex-wrap gap-6 py-10 md:flex-nowrap" :class="{ 'flex-row-reverse': i % 2 === 0 }">
-      <div class="w-45% flex-grow">
-        <div class="relative h-full w-full flex items-center justify-center overflow-hidden border-6px border-dark-50/10 rounded-xl dark:border-light-50/10" style="mask-image:linear-gradient(0deg, transparent, #000);-webkit-mask-image:linear-gradient(0deg, transparent, #000 60%);">
-          <ImageLoading quality="20" :src="item.img" :err-src="item.errImg" class="h-full w-full" fit="cover" height="300" width="600" loading="lazy" />
-          <!-- <NuxtImg quality="20" :src="item.img" class="h-full w-full" fit="cover" height="300" width="600" loading="lazy"/> -->
-        </div>
-      </div>
-
-      <div class="w-55% flex-grow">
-        <div class="h-full w-full flex flex-col items-center justify-center px-2 md:(items-start px-16)">
-          <p class="text-title">
-            {{ $t(item.title) }}
-          </p>
-          <h4 class="text-h4 font-bold">
-            {{ $t(item.topic) }}
-          </h4>
-          <p class="text-h6 text-center md:text-left">
-            {{ $t(item.description) }}
-          </p>
-          <div v-if="item.link" class="w-full py-10 text-center md:text-left">
-            <LocaleNuxtLink :href="item.link.href">
-              <ABtn variant="light" class="group">
-                {{ $t(item.link.name) }} <div i-solar-arrow-right-linear class="transition-all group-hover:px-4" />
-              </ABtn>
-            </LocaleNuxtLink>
-          </div>
-        </div>
+    <div class="grid-row grid-cols-2 gap-20 pb-20 lg:(grid-cols-4)">
+      <div
+        v-for="(item, i) in content.feature.content"
+        :key="i"
+        class="w-full text-center"
+      >
+        <div :class="item.icon" mb-5 h-60px w-full />
+        <h4 text-h4 mb-1 font-bold>
+          {{ $t(item.title) }}
+        </h4>
+        <p text-h7>
+          {{ $t(item.description) }}
+        </p>
       </div>
     </div>
   </Section>
+
+  <Section>
+    <div class="flex flex-col rounded-lg bg-light-800/5 p-10 md:flex-row">
+      <div class="flex-1/2 md:px-12">
+        <BrandLogo class="flex scale-90 justify-center md:justify-start" />
+        <div class="h-full flex flex-col items-center justify-center pb-100px md:pb-300px">
+          <Typography
+            description-class="line-clamp-none"
+            :topic="$t(content.solutions.topic)" :description="$t(content.solutions.description)" :link="{
+              href: content.solutions.link.href,
+              name: $t(content.solutions.link.name),
+            }" class="pt-5 md:text-start"
+          />
+        </div>
+      </div>
+
+      <div class="3xl:grid-cols-4 grid-row flex-grow pb-10 2xl:grid-cols-3 lg:grid-cols-2">
+        <!-- 👉 2nd card -->
+        <Card
+          v-for="(item, i) in content.solutions.content"
+          :key="i"
+          class="bg-transparent" :class="[`animated-delay-${i * 100}ms`] "
+          :title="item.title"
+          :description="item.subtitle"
+          :img="item.img"
+          :href="item.href"
+          :avatar="item?.avatar"
+          :author="item?.author"
+          :profession="item?.profession"
+          :create-time="item?.createTime"
+        />
+      </div>
+    </div>
+  </Section>
+
+  <Typography :topic=" $t(content.ending)" class="pt-5" />
 </template>
diff --git a/pages/solutions/web3.vue b/pages/solutions/web3.vue
index 7a64cd0..4257084 100644
--- a/pages/solutions/web3.vue
+++ b/pages/solutions/web3.vue
@@ -6,39 +6,59 @@ const content = useWeb3()
 
 <template>
   <SectionBanner :img="content.head?.img" :title="content.head?.title" :topic="content.head?.topic" :description="content.head?.description" font-bold text-white />
-  <SectionGradientCard :content="content.feature.content" :topic="content.feature.topic" />
+  <!-- <SectionGradientCard :content="content.feature.content" :topic="content.feature.topic" /> -->
 
   <Section>
-    <Typography :topic=" $t(content.solutions.topic) " :description=" $t(content.solutions.description) " />
-
-    <div v-for="(item, i) in content.solutions.content" :key="i" class="flex flex-wrap gap-6 py-10 md:flex-nowrap" :class="{ 'flex-row-reverse': i % 2 === 0 }">
-      <div class="w-45% flex-grow">
-        <div class="relative h-full w-full flex items-center justify-center overflow-hidden border-6px border-dark-50/10 rounded-xl dark:border-light-50/10" style="mask-image:linear-gradient(0deg, transparent, #000);-webkit-mask-image:linear-gradient(0deg, transparent, #000 60%);">
-          <ImageLoading quality="20" :src="item.img" :err-src="item.errImg" class="h-full w-full" fit="cover" height="300" width="600" loading="lazy" />
-          <!-- <NuxtImg quality="20" :src="item.img" class="h-full w-full" fit="cover" height="300" width="600" loading="lazy"/> -->
-        </div>
-      </div>
-
-      <div class="w-55% flex-grow">
-        <div class="h-full w-full flex flex-col items-center justify-center px-2 md:(items-start px-16)">
-          <p class="text-title">
-            {{ $t(item.title) }}
-          </p>
-          <h4 class="text-h4 font-bold">
-            {{ $t(item.topic) }}
-          </h4>
-          <p class="text-h6 text-center md:text-left">
-            {{ $t(item.description) }}
-          </p>
-          <div v-if="item.link" class="w-full py-10 text-center md:text-left">
-            <LocaleNuxtLink :href="item.link.href">
-              <ABtn variant="light" class="group">
-                {{ $t(item.link.name) }} <div i-solar-arrow-right-linear class="transition-all group-hover:px-4" />
-              </ABtn>
-            </LocaleNuxtLink>
-          </div>
-        </div>
+    <div class="grid-row grid-cols-2 gap-20 pb-20 lg:(grid-cols-4)">
+      <div
+        v-for="(item, i) in content.feature.content"
+        :key="i"
+        class="w-full text-center"
+      >
+        <div :class="item.icon" mb-5 h-60px w-full />
+        <h4 text-h4 mb-1 font-bold>
+          {{ $t(item.title) }}
+        </h4>
+        <p text-h7>
+          {{ $t(item.description) }}
+        </p>
       </div>
     </div>
   </Section>
+
+  <Section>
+    <div class="flex flex-col rounded-lg bg-light-800/5 p-10 md:flex-row">
+      <div class="flex-1/2 md:px-12">
+        <BrandLogo class="flex scale-90 justify-center md:justify-start" />
+        <div class="h-full flex flex-col items-center justify-center pb-100px md:pb-300px">
+          <Typography
+            description-class="line-clamp-none"
+            :topic="$t(content.solutions.topic)" :description="$t(content.solutions.description)" :link="{
+              href: content.solutions.link.href,
+              name: $t(content.solutions.link.name),
+            }" class="pt-5 md:text-start"
+          />
+        </div>
+      </div>
+
+      <div class="3xl:grid-cols-4 grid-row flex-grow pb-10 2xl:grid-cols-3 lg:grid-cols-2">
+        <!-- 👉 2nd card -->
+        <Card
+          v-for="(item, i) in content.solutions.content"
+          :key="i"
+          class="bg-transparent" :class="[`animated-delay-${i * 100}ms`] "
+          :title="item.title"
+          :description="item.subtitle"
+          :img="item.img"
+          :href="item.href"
+          :avatar="item?.avatar"
+          :author="item?.author"
+          :profession="item?.profession"
+          :create-time="item?.createTime"
+        />
+      </div>
+    </div>
+  </Section>
+
+  <Typography :topic=" $t(content.ending)" class="pt-5" />
 </template>