feat: add carousel in home (#22)

* feat: add carousel in home

* fix: Fix style and other issues

* fix: remove invalid "target=_blank"

Author: lhuans

…home/public/images/home/carousel/11.webp …/home/public/images/home/slogan/bg1.webppackages/home/public/images/home/carousel/11.webp renamed to packages/home/public/images/home/slogan/bg1.webp packages/home/public/images/home/carousel/11.webp renamed to packages/home/public/images/home/slogan/bg1.webp

@@ -110,6 +110,7 @@ onUnmounted(() => {
     .pcRem( right,90);
     top: 50%;
     transform: translateY(-50%);
+    z-index: 2;
   }
   .anchor-item {
     width: 14px;

…/home/public/images/home/carousel/1.webp …/home/public/images/home/slogan/bg2.webppackages/home/public/images/home/carousel/1.webp renamed to packages/home/public/images/home/slogan/bg2.webp packages/home/public/images/home/carousel/1.webp renamed to packages/home/public/images/home/slogan/bg2.webp

@@ -28,7 +28,7 @@
         <div v-if="!isMobile" class="wait">智能化版本敬请期待...</div>
         <div class="operation">
           <tiny-button class="button" @click="onTinyEngine">即刻体验</tiny-button>
-          <tiny-link class="link" @click="onLinkClick">
+          <tiny-link class="link" href="/tiny-engine#/help-center/course/engine/introduction" target="_blank">
             <template #icon>
               <TinyIconFilletExternalLink></TinyIconFilletExternalLink>
             </template>
@@ -52,10 +52,6 @@ const { isMobile } = useWindowSize()
 const onTinyEngine = () => {
   window.open('/tiny-engine#/home', '_blank', 'noopener,noreferrer')
 }
-
-const onLinkClick = () => {
-  window.open('/tiny-engine#/help-center/course/engine/introduction')
-}
 </script>
 
 <style lang="less" scoped>

…/home/public/images/home/carousel/2.webp …/home/public/images/home/slogan/bg3.webppackages/home/public/images/home/carousel/2.webp renamed to packages/home/public/images/home/slogan/bg3.webp packages/home/public/images/home/carousel/2.webp renamed to packages/home/public/images/home/slogan/bg3.webp

@@ -8,11 +8,7 @@ const { isMobile } = useWindowSize()
 const TinyIconFilletExternalLink = iconFilletExternalLink()
 
 const onTinyRobot = () => {
-  window.open('https://agent.opentiny.design/tiny-robot', '_blank', 'noopener,noreferrer')
-}
-
-const onLinkClick = () => {
-  window.open('https://docs.opentiny.design/tiny-robot/guide/quick-start.html', '_blank', 'noopener,noreferrer')
+  window.open('https://chat.opentiny.design/', '_blank', 'noopener,noreferrer')
 }
 
 const cardList = [
@@ -62,7 +58,7 @@ const cardList = [
       <div class="footer">
         <div class="operation">
           <tiny-button class="button" @click="onTinyRobot">即刻体验</tiny-button>
-          <tiny-link class="link" @click="onLinkClick">
+          <tiny-link class="link" href="https://docs.opentiny.design/tiny-robot/guide/quick-start.html" target="_blank">
             <template #icon>
               <TinyIconFilletExternalLink></TinyIconFilletExternalLink>
             </template>

…/home/public/images/home/carousel/3.webp …/home/public/images/home/slogan/bg4.webppackages/home/public/images/home/carousel/3.webp renamed to packages/home/public/images/home/slogan/bg4.webp packages/home/public/images/home/carousel/3.webp renamed to packages/home/public/images/home/slogan/bg4.webp

@@ -0,0 +1,36 @@
+import { $pub } from '@/tools'
+
+export const bannerList = [
+  {
+    title: '一场 MCP 生态的变革',
+    description: '详解 OpenTiny NEXT 逆向思维的技术创新',
+    icon: $pub('images/home/slogan/logo-blue.svg'),
+    iconTitle: 'Opentiny NEXT',
+    bg: $pub('images/home/slogan/bg2.webp'),
+    link: 'https://mp.weixin.qq.com/s/xMx5sfKGh2R-oZPGUwv70A'
+  },
+  {
+    title: '亮相 GOSIM HANGZHOU2025',
+    description: '携手开发者共筑开源智能生态',
+    icon: $pub('images/home/slogan/logo-green.svg'),
+    iconTitle: 'Opentiny NEXT',
+    bg: $pub('images/home/slogan/bg3.webp'),
+    link: 'https://mp.weixin.qq.com/s/BhwpmnBtPke42zxNTsb9fQ'
+  },
+  {
+    title: 'TinyVue 推出 Space 组件',
+    description: '不止按钮和表格  直接搞定「弹性+间距」布局',
+    icon: $pub('images/tiny-vue.svg'),
+    iconTitle: 'TinyVue',
+    bg: $pub('images/home/slogan/bg4.webp'),
+    link: 'https://mp.weixin.qq.com/s/_QB7mTzSpHEt7ExK2MFUFw'
+  },
+  {
+    title: '物料自动导入工具上手指南',
+    description: '支持通过 URL 爬取、NPM 包解析、源码上传三种方式',
+    icon: $pub('images/tiny-engine.svg'),
+    iconTitle: 'TinyEngine',
+    bg: $pub('images/home/slogan/bg4.webp'),
+    link: 'https://mp.weixin.qq.com/s/Slq1vJbA3G7ZiKLxsF4nMQ'
+  }
+]