update: 文章信息，微信二维码

2023-05-25 18:00:00 +08:00 · 2023-05-25 18:00:00 +08:00 · 3769a2b194
parent 453d7f1f80
commit 3769a2b194
11 changed files with 11234 additions and 160 deletions
--- a/components/Footer.vue
+++ b/components/Footer.vue
@ -16,8 +16,20 @@ const footer = useFoot()
        {{ $t(col.title) }}
      </h5>

-      <LocaleNuxtLink v-for="(item, i) in col.child" :key="i" class="flex gap-2 font-bold" :href="item.link.href">
-        <span :class="item.icon" />{{ $t(item.link.name) }}
+      <LocaleNuxtLink v-for="(item, i) in col.child" :key="i" :href="item.link.href">
+        <ABtn v-if="item.icon === 'i-ic-sharp-wechat'" variant="text" color="slate-200" class="dark:!text-light/50" :icon="item.icon">
+          {{ $t(item.link.name) }}
+          <ATooltip class="[&_.a-tooltip]-bg-green-600" placement="left">
+            <span class="a-tooltip-text">
+              <i class="i-ic-sharp-wechat me-1" />
+              <span>{{ $t('wechat') }}</span>
+              <img src="/wechat.png" class="h-40 rounded">
+            </span>
+          </ATooltip>
+        </ABtn>
+        <ABtn v-else variant="text" color="slate-200" class="dark:!text-light/50" :icon="item.icon">
+          {{ $t(item.link.name) }}
+        </ABtn>
      </LocaleNuxtLink>
    </div>
  </div>
--- a/config/pages/home/use-section-two.ts
+++ b/config/pages/home/use-section-two.ts
@ -1,48 +1,68 @@
 export function useSectionTwo() {
  return {
-    title: 'home.sectionTwo.title',
-    description: 'home.sectionTwo.description',
+    // title: 'home.sectionTwo.title',
+    // description: 'home.sectionTwo.description',
    content: [
+
      {
-        img: '/imgs/Partners/500/CASCI.png',
-        href: 'https://weibo.com/u/7418885402?nick=%E4%B8%AD%E5%9B%BD%E8%88%AA%E5%A4%A9%E6%96%87%E5%88%9B&noscript=1&is_all=1',
-        title: 'CASCI',
+        title: 'home.sectionTwo.content.title[0]',
+        imgs: [
+          {
+            img: '/imgs/Partners/500/CASCI.png',
+            href: 'https://weibo.com/u/7418885402?nick=%E4%B8%AD%E5%9B%BD%E8%88%AA%E5%A4%A9%E6%96%87%E5%88%9B&noscript=1&is_all=1',
+            title: 'CASCI',
+          },
+          {
+            img: '/imgs/Partners/500/ChinaTower.png',
+            href: 'https://ir.china-tower.com/en/global/home.php',
+            title: 'China Tower',
+          },
+          {
+            img: '/imgs/Partners/500/MUA.png',
+            href: 'https://muadao.build/',
+            title: 'MUA DAO',
+          },
+        ],
      },
+
      {
-        img: '/imgs/Partners/500/ChinaTower.png',
-        href: 'https://ir.china-tower.com/en/global/home.php',
-        title: 'China Tower',
+        title: 'home.sectionTwo.content.title[1]',
+        imgs: [
+
+          {
+            img: '/imgs/Partners/500/Ultiverse.png',
+            href: 'https://www.ultiverse.io/home',
+            title: 'Ultiverse',
+          },
+          {
+            img: '/imgs/Partners/500/PARCEL.png',
+            href: 'https://parcel.so/',
+            title: 'PARCEL Creatorverse',
+          },
+          {
+            img: '/imgs/Partners/500/Bit.Country.png',
+            href: 'https://bit.country/',
+            title: 'Bit.Country',
+          },
+        ],
      },
+
      {
-        img: '/imgs/Partners/500/MUA.png',
-        href: 'https://muadao.build/',
-        title: 'MUA DAO',
-      },
-      {
-        img: '/imgs/Partners/500/Ultiverse.png',
-        href: 'https://www.ultiverse.io/home',
-        title: 'Ultiverse',
-      },
-      {
-        img: '/imgs/Partners/500/PARCEL.png',
-        href: 'https://parcel.so/',
-        title: 'PARCEL Creatorverse',
-      },
-      {
-        img: '/imgs/Partners/500/Bit.Country.png',
-        href: 'https://bit.country/',
-        title: 'Bit.Country',
-      },
-      {
-        img: '/imgs/Partners/500/MMMM.png',
-        href: 'https://mmmm.world/',
-        title: 'MMMM',
-      },
-      {
-        img: '/imgs/Partners/500/MONA.png',
-        href: 'https://monaverse.com/',
-        title: 'MONAVerse',
+        title: 'home.sectionTwo.content.title[2]',
+        imgs: [
+          {
+            img: '/imgs/Partners/500/MMMM.png',
+            href: 'https://mmmm.world/',
+            title: 'MMMM',
+          },
+          {
+            img: '/imgs/Partners/500/MONA.png',
+            href: 'https://monaverse.com/',
+            title: 'MONAVerse',
+          },
+        ],
      },
+
    ],
  }
 }
--- a/content/en/bar-symphony.md
+++ b/content/en/bar-symphony.md
@ -4,8 +4,8 @@ topic: "在全球最大元宇宙平台DCL进行一次“创作者聚会”！"
 title: "虚拟空间设计"
 description: "TOPVERSE原创元宇宙建筑——《创作者聚会（Creator Party-verse）》参与全球元宇宙建筑竞赛Parcel Creatorverse获奖"
 author: "Greyson"
-Resume: "TOPVERSE® Lab 创始人"
-Publish: "07/10/2022"
+resume: "TOPVERSE® Lab 创始人"
+publish: "07/10/2022"
 ---
 《创作者聚会（Creator Party-verse）》作为 TOPVERSE 奇点拓界® 参与全球元宇宙建筑设计竞赛PARCEL Creatorverse的2件获奖作品中其中一件，由Decentraland及其官方认可的数字藏品及虚拟地产交易平台Parcel进行联动推送报道，并由其首席运营官Kelly Kim进行配音讲解。该建筑同时于2022年9月25至28日部署在新加坡TOKEN 2049系列子活动MUA 2049上，获得了多家Web 3.0多家头部媒体关注及推送，并由全球最大元宇宙平台Decentraland进行官方报道。  
  
--- a/content/zh/bar-symphony.md
+++ b/content/zh/bar-symphony.md
@ -4,8 +4,8 @@ topic: "永不独饮：元宇宙酒吧Symphony"
 title: "虚拟空间设计"
 description: "TOPVERSE原创元宇宙建筑《共鸣酒吧》参与元宇宙建筑师协会竞赛获奖作品"
 author: "Greyson"
-Resume: "TOPVERSE® Lab 创始人"
-Publish: "07/10/2022"
+resume: "TOPVERSE® Lab 创始人"
+publish: "07/10/2022"
 ---

  ![Img](/imgs/News/BarSymphony/20230524175132.jpg)
--- a/locales/en-UK.json
+++ b/locales/en-UK.json
@ -5,8 +5,8 @@
    "event": {
      "t": "Community",
      "child": {
-        "act": ["AaaO!", "TOPO Land","VAMX"],
-        "description": ["Architecture as an Object", "Topverse Meta Island","Academia for VR/AR/MR/XR Professionals"]
+        "act": ["AaaO!", "TOPO Land", "VAMX"],
+        "description": ["Architecture as an Object", "Topverse Meta Island", "Academia for VR/AR/MR/XR Professionals"]
      }
    },

@ -29,10 +29,10 @@

  "home": {
    "carousel": {
-      "topic": ["TOKEN 2049 Singapore: Creator Party-verse", 
-      "HoloWater®：Water Station Digital Twin"],
-      "description": ["PARCEL Creatorverse Highlight Project", 
-      "Industrial Mixed Reality Built within Hololens 2"],
+      "topic": ["TOKEN 2049 Singapore: Creator Party-verse",
+        "HoloWater®：Water Station Digital Twin"],
+      "description": ["PARCEL Creatorverse Highlight Project",
+        "Industrial Mixed Reality Built within Hololens 2"],
      "link": ["Details", "Details"]
    },
    "sectionOne": {
@ -46,7 +46,7 @@
    },
    "sectionTwo": {
      "title": "Our Partners & Cooperations",
-      "description":"With WHOM and WHICH Platform We've Been Built"
+      "description": "With WHOM and WHICH Platform We've Been Built"

    },
    "sectionThree": {
@ -60,16 +60,16 @@
          "MR Digital Twin: HoloWater®"
        ]
      },
-      "contentSecondary":{
-        "topic":[
+      "contentSecondary": {
+        "topic": [
          "Never Drink Alone: The Bar Symphony",
          "RIBA Metaverse Festival: The Chang'An Nostalgia",
          "CASCI Digital Arts: The Core of Time"
        ]

      },
-      "contentThird":{
-        "topic":[
+      "contentThird": {
+        "topic": [
          "Bit.Country:2023 World Cup Wearables",
          "MMMM Mic Dolls: Sound Interactive NFTs",
          "Ultiverse Masterplan: The Circulus City",
@ -77,8 +77,8 @@
        ]

      },
-      "link":"More Stories"
-     
+      "link": "More Stories"
+
    },
    "sectionFour": {
      "topic": "Connects with Power and Strength",
@ -86,49 +86,49 @@
      "link": " Check Out Our Solutions"
    },
    "sectionFive": {
-      "title":"Full-Stack Virtual and Reality Services",
-      "topic":"TO EXTEND THE REALITY INTO THE REALITY",
-      "description":"More than just builders and engineers, we have you covered from digital content design and application development to project management, business measurements, branding, marketing and even more.",
-      "content":{
+      "title": "Full-Stack Virtual and Reality Services",
+      "topic": "TO EXTEND THE REALITY INTO THE REALITY",
+      "description": "More than just builders and engineers, we have you covered from digital content design and application development to project management, business measurements, branding, marketing and even more.",
+      "content": {
        "topic": ["110+ In-house Builders",
-                  "Create and Innovate since 2020",
-                  "Rapid Build Time",
-                  "Robust Ecosystems",
-                  "Open Community",
-                  "Data and Proprietary"],
+          "Create and Innovate since 2020",
+          "Rapid Build Time",
+          "Robust Ecosystems",
+          "Open Community",
+          "Data and Proprietary"],
        "description": ["We are the most advanced, artistic and fast-growing technical designer team in the world",
-                        "We have been developing applications and creating digital contents before the metaverse was a thing",
-                        "With parallel working and creative methods to bring ideas into reality faster than ever",
-                        "We have partnered with more than 30 hardware brands and 50+ software/ generative engineer communities to meet both 2B/2C needs",
-                        "We provide services and platforms for experienced professionals and scholars with idea exchange, research grants, technical teams and necessary resources",
-                        "We build unique systems and data capabilities to accelerate business and marketing in the metaverse and industries"]
+          "We have been developing applications and creating digital contents before the metaverse was a thing",
+          "With parallel working and creative methods to bring ideas into reality faster than ever",
+          "We have partnered with more than 30 hardware brands and 50+ software/ generative engineer communities to meet both 2B/2C needs",
+          "We provide services and platforms for experienced professionals and scholars with idea exchange, research grants, technical teams and necessary resources",
+          "We build unique systems and data capabilities to accelerate business and marketing in the metaverse and industries"]

      }

    },
-    "sectionSix":{
-      "topic":"SOLUTIONS & SERVICES",
-      "description":"See how the technology and creativity combine the reality with virtual world",
-      "content":{
-        "title":[
+    "sectionSix": {
+      "topic": "SOLUTIONS & SERVICES",
+      "description": "See how the technology and creativity combine the reality with virtual world",
+      "content": {
+        "title": [
          "Industrial Mixed Reality",
          "Virtual Construction",
          "Web 3.0",
          "Large Model"
        ],
-        "topic":[
+        "topic": [
          "Digital Twin",
          "Generated Design",
          "Digital Economy",
          "AIGC & Cloud Services"
        ],
-        "description":[
+        "description": [
          "Enpower manufacture and mass production, covering all kinds of industries including construction, mining, sea port, water, and more.",
          "Bridge virtuality with reality, bringing the digital world into the real life, cultivating broader practice of metaverse.",
          "Decentralized management and operation of digital contents/assets powered by the world-leading blockchain technology.",
          "AI generated digital contents with self-trained model APIs to improve the virtual production and immersive experience."
        ],
-        "link":[
+        "link": [
          "More Details",
          "More Details",
          "More Details",
@ -136,15 +136,14 @@
        ]
      }

-
    },
-    "sectionSeven":{
-      "title":"VIRTUALIZATION IS NEVER A LIMIT",
-      "topic":"Unlimited Possibilities to Engage & Interact"
+    "sectionSeven": {
+      "title": "VIRTUALIZATION IS NEVER A LIMIT",
+      "topic": "Unlimited Possibilities to Engage & Interact"
    },
-    "sectionEight":{
-      "content":{
-        "title":[
+    "sectionEight": {
+      "content": {
+        "title": [
          "E-Commerce",
          "Education",
          "Event",
@ -154,7 +153,7 @@
          "Sports",
          "Industry"
        ],
-        "topic":[
+        "topic": [
          "Promote and display products in the metaverse",
          "Train and educate individuals with skills and engaging digital contents",
          "Attract and gather people to host virtual conference, seminars and grand events",
@ -166,15 +165,15 @@
        ]
      }
    },
-    "sectionNine":{
-      "title":"The Next Era of Reality",
-      "topic":"TO MAKE DIGITAL WORLD PLAYABLE IN PHYSICAL REALITY",
-      "description":"Get involved in this revolution and enjoy"
+    "sectionNine": {
+      "title": "The Next Era of Reality",
+      "topic": "TO MAKE DIGITAL WORLD PLAYABLE IN PHYSICAL REALITY",
+      "description": "Get involved in this revolution and enjoy"
    }
  },
  "foot": {
    "copyright": "TOPVERSE LAB © Copyright 2019-2023 All rights reserved",
-    "release":"London I Beijing I Shanghai I Hongkong",
+    "release": "London I Beijing I Shanghai I Hongkong",
    "record": ["沪ICP备2023010651号-1", ""],
    "links": [
      {
@ -186,9 +185,10 @@
        "link": ["About Us", "Locations", "Terms of Use"]
      },
      {
-        "group":"COMMUNITY",
-        "link":["WeChat","Twitter","Red"]
+        "group": "COMMUNITY",
+        "link": ["WeChat", "Twitter", "Red"]
      }
    ]
-  }
+  },
+  "wechat": "微信公众号:ttsetset"
 }
--- a/locales/zh-CN.json
+++ b/locales/zh-CN.json
@ -5,8 +5,8 @@
    "event": {
      "t": "社区动态",
      "child": {
-        "act": ["AaaO!", "TOPO Land","VAMX"],
-        "description": ["未建成建筑系列", "TOPO元界岛","VR/AR/MR/XR学术生态社区"]
+        "act": ["AaaO!", "TOPO Land", "VAMX"],
+        "description": ["未建成建筑系列", "TOPO元界岛", "VR/AR/MR/XR学术生态社区"]
      }
    },

@ -23,10 +23,10 @@
  "scrolldown": "下滑查看更多",
  "home": {
    "carousel": {
-      "topic": ["创作者聚会：Party-verse", 
-      "绿色双碳水务工作站混合现实数字孪生"
-      
-    ],
+      "topic": ["创作者聚会：Party-verse",
+        "绿色双碳水务工作站混合现实数字孪生"
+
+      ],
      "description": ["在全球最大元宇宙平台Decentraland相聚", "基于微软HoloLens 2的工业元宇宙"],
      "link": ["相关文章", "相关文章"]
    },
@ -40,9 +40,9 @@
      }
    },
    "sectionTwo": {
-      "title": "合作伙伴、落地平台及成员单位",
-      "description":"多生态、多领域、多赛道持续赋能"
-
+      "content": {
+        "title": ["合作伙伴", "落地平台", "成员单位"]
+      }
    },
    "sectionThree": {

@ -55,16 +55,16 @@
          "混合现实数字孪生: HoloWater® 绿色双碳水务工作站"
        ]
      },
-      "contentSecondary":{
-        "topic":[
+      "contentSecondary": {
+        "topic": [
          "永不独饮：元宇宙酒吧",
          "英国皇家建筑师学会元宇宙创作大赛: 灵境东方 回响长安",
          "中国航天文创：国家航天日系列数字藏品"
        ]

      },
-      "contentThird":{
-        "topic":[
+      "contentThird": {
+        "topic": [
          "Bit.Country比特大陆：2023世界杯主题系列可穿戴数字藏品",
          "MMMM声动计划: 动态声波交互式数字藏品",
          "Ultiverse终点城总体规划: Circulus 元宇宙城市设计",
@ -72,8 +72,8 @@
        ]

      },
-      "link":"更多案例"
-     
+      "link": "更多案例"
+
    },
    "sectionFour": {
      "topic": "强有力的专业团队支撑",
@ -81,49 +81,49 @@
      "link": "查看我们的解决方案"
    },
    "sectionFive": {
-      "title":"一站式多现实技术开发与空间设计服务",
-      "topic":"扩展和交融虚拟和现实的边界",
-      "description":"不仅仅是开发者和设计师，我们将从数字内容资产到应用开发、项目管理、商业运营、市场营销及品牌服务等提供全链路解决方案",
-      "content":{
+      "title": "一站式多现实技术开发与空间设计服务",
+      "topic": "扩展和交融虚拟和现实的边界",
+      "description": "不仅仅是开发者和设计师，我们将从数字内容资产到应用开发、项目管理、商业运营、市场营销及品牌服务等提供全链路解决方案",
+      "content": {
        "topic": ["110+ 专业技术人员",
-                  "拥有超过十年的创新与研发经验",
-                  "快速落地",
-                  "丰富的生态合作伙伴",
-                  "开放的学术交流社区",
-                  "安全可用且多模态的大数据"],
+          "拥有超过十年的创新与研发经验",
+          "快速落地",
+          "丰富的生态合作伙伴",
+          "开放的学术交流社区",
+          "安全可用且多模态的大数据"],
        "description": ["我们将提供国际最为前沿的专业技术与设计服务，拥有快速增长的技术美术及交互开发工程师",
-                        "在元宇宙概念盛行之前就已经开启多项跨专业、多平台的技术自研，拥有多项作品及软件专著及发明专利",
-                        "通过多任务并行工作流及充满创造力的工作模式，将定制化想法进行前所未有的快速落地",
-                        "我们与超过30家硬件供应商及超过50家Web 3.0、区块链、元宇宙及人工智能软件和商业化运营商达成合作来满足不同的市场需求",
-                        "我们为有经验的专业人士及多国籍专家和学者们提供了开放平台，用于学术交流、技术转化、研究团队搭建及资源交换对接",
-                        "我们打造了一个独一无二的数据系统用于分析、储存及保护工业及用户场景的数据安全及专业的行业数据分析"]
+          "在元宇宙概念盛行之前就已经开启多项跨专业、多平台的技术自研，拥有多项作品及软件专著及发明专利",
+          "通过多任务并行工作流及充满创造力的工作模式，将定制化想法进行前所未有的快速落地",
+          "我们与超过30家硬件供应商及超过50家Web 3.0、区块链、元宇宙及人工智能软件和商业化运营商达成合作来满足不同的市场需求",
+          "我们为有经验的专业人士及多国籍专家和学者们提供了开放平台，用于学术交流、技术转化、研究团队搭建及资源交换对接",
+          "我们打造了一个独一无二的数据系统用于分析、储存及保护工业及用户场景的数据安全及专业的行业数据分析"]

      }

    },
-    "sectionSix":{
-      "topic":"解决方案及技术服务",
-      "description":"将技术、创造与虚拟世界相结合，并赋能实体物理世界",
-      "content":{
-        "title":[
+    "sectionSix": {
+      "topic": "解决方案及技术服务",
+      "description": "将技术、创造与虚拟世界相结合，并赋能实体物理世界",
+      "content": {
+        "title": [
          "工业级混合现实",
          "虚拟城市设计及空间打造",
          "Web 3.0",
          "大模型训练"
        ],
-        "topic":[
+        "topic": [
          "数字孪生",
          "参数化设计及编程设计",
          "数字经济生态",
          "AIGC及云计算服务"
        ],
-        "description":[
+        "description": [
          "为工业制造及基础产业赋能，涵盖建设、矿业、水务、港口、能源等多个应用场景",
          "将虚拟与现实融合贯通，将数字世界带入物理世界，实践元宇宙更为广阔的使用场景",
          "去中心化管理及运营数字资产，并结合区块链技术为用户带来更为安全、便捷的使用体验与更为丰富的数字文化创意内容",
          "人工智能大模型训练三维资产，为数字资产及沉浸式体验提供更加精准训练的模型接口"
        ],
-        "link":[
+        "link": [
          "查看更多",
          "查看更多",
          "查看更多",
@ -131,15 +131,14 @@
        ]
      }

-
    },
-    "sectionSeven":{
-      "title":"混合现实打开全新可能",
-      "topic":"全新的交互、表现与参与形式"
+    "sectionSeven": {
+      "title": "混合现实打开全新可能",
+      "topic": "全新的交互、表现与参与形式"
    },
-    "sectionEight":{
-      "content":{
-        "title":[
+    "sectionEight": {
+      "content": {
+        "title": [
          "电商平台",
          "教育领域",
          "事件打造",
@ -149,7 +148,7 @@
          "体育运动",
          "工业制造"
        ],
-        "topic":[
+        "topic": [
          "在元宇宙中提升品牌与产品的曝光",
          "通过数字内容在沉浸式场景中提升用户的能力与技能",
          "吸引更多的用户举办或参与虚拟空间中的论坛、研讨会、发布会及更多大型活动",
@ -161,15 +160,15 @@
        ]
      }
    },
-    "sectionNine":{
-      "title":"下一代多现实交互形式",
-      "topic":"让数字世界在物理世界中可玩、可感、可塑",
-      "description":"参与到这场全新的变革中并享受他吧"
+    "sectionNine": {
+      "title": "下一代多现实交互形式",
+      "topic": "让数字世界在物理世界中可玩、可感、可塑",
+      "description": "参与到这场全新的变革中并享受他吧"
    }
  },
  "foot": {
    "copyright": "TOPVERSE LAB 奇点拓界 © 版权所有 2019-2023 All rights reserved",
-    "release":"伦敦 I 北京 I 上海 I 香港",
+    "release": "伦敦 I 北京 I 上海 I 香港",
    "record": ["沪ICP备2023010651号-1", ""],
    "links": [
      {
@ -181,9 +180,10 @@
        "link": ["关于我们", "位置信息", "使用条款"]
      },
      {
-        "group":"社区",
-        "link":["微信公众号","Twitter","小红书"]
+        "group": "社区",
+        "link": ["微信公众号", "Twitter", "小红书"]
      }
    ]
-  }
+  },
+  "wechat": "微信公众号"
 }
--- a/package.json
+++ b/package.json
@ -15,6 +15,7 @@
  "dependencies": {
    "@anu-vue/nuxt": "^0.13.1",
    "@jiaminghi/color": "^1.1.3",
+    "lingo3d-vue": "^2.0.34",
    "sass": "^1.62.1",
    "swiper": "^9.2.4",
    "vue-tsc": "^1.2.0"
--- a/pages/blog/[id].vue
+++ b/pages/blog/[id].vue
@ -7,6 +7,8 @@ const path = `/${locale.value}/${route.params.id}`
 const { data } = await useAsyncData(`content-${path}`, () => {
  return queryContent().where({ _path: path }).findOne()
 })
+
+console.log(data)
 </script>

 <template>
@ -14,4 +16,15 @@ const { data } = await useAsyncData(`content-${path}`, () => {
  <main class="m-auto prose xl:max-w-900px">
    <ContentRenderer v-if="data" :value="data" />
  </main>
+  <div class="m-auto mb-20 text-right prose xl:max-w-900px">
+    <span>
+      {{ data?.author }}
+    </span>
+    <span>
+      {{ data?.resume }}
+    </span>
+    <span>
+      {{ data?.publish }}
+    </span>
+  </div>
 </template>
--- a/pages/index.vue
+++ b/pages/index.vue
@ -34,21 +34,24 @@ const sectionNine = useSectionNine()

  <!-- Section Two -->
  <Section ref="sectionTwoEl" class="border-b-2 border-dark/40 border-b-solid from-dark/30 bg-gradient-to-t dark:(border-light-50/10 from-light/5)">
-    <Typography :title=" $t(sectionTwo.title) " :description=" $t(sectionTwo.description) " />
+    <div v-for="(item,i) in sectionTwo.content" :key="i" class="pb-8" >
+      <Typography  :title=" $t(item.title) " />

-    <div class="grid-row grid-cols-2 gap-18 py-10 md:(grid-cols-3 gap-10)" :class="`lg:grid-cols-${sectionTwo.content.length} lg:gap-2 `">
-      <LocaleNuxtLink
-        v-for="(content, i) in sectionTwo.content"
-        :key="i"
-        class="h-10 w-full flex justify-center"
-        :class="[`animated-delay-${i * 100}ms`, {
-          'animated animated-fade-in-up animated-faster': sectionTwoVis,
-        }]"
-        :href="content.href"
-        :title="$t(content.title)"
-      >
-        <img :src="content.img">
-      </LocaleNuxtLink>
+      <div class="grid-row grid-cols-2 gap-18 md:(grid-cols-3 gap-10)" :class="`lg:grid-cols-${item.imgs.length} lg:gap-2 `">
+      <!-- <Typography  :title=" $t(item.title) " /> -->
+        <a
+          v-for="(img, j) in item.imgs"
+          :key="j"
+          class="h-25 w-full flex justify-center"
+          :class="[`animated-delay-${j * 100}ms`, {
+            'animated animated-fade-in-up animated-faster': sectionTwoVis,
+          }]"
+          :href="img.href"
+          :title="$t(img.title)"
+        >
+          <img :src="img.img">
+        </a>
+      </div>
    </div>
  </Section>

--- a/public/wechat.png
+++ b/public/wechat.png
--- a/yarn.lock
+++ b/yarn.lock