diff --git a/src/assets/images/tips/go-view-pro-ai.png b/src/assets/images/tips/go-view-pro-ai.png
new file mode 100644
index 00000000..bb6472ce
Binary files /dev/null and b/src/assets/images/tips/go-view-pro-ai.png differ
diff --git a/src/components/Tips/GoViewProAI/index.ts b/src/components/Tips/GoViewProAI/index.ts
new file mode 100644
index 00000000..ea3bf073
--- /dev/null
+++ b/src/components/Tips/GoViewProAI/index.ts
@@ -0,0 +1,3 @@
+import GoViewProAI from './index.vue';
+
+export { GoViewProAI };
diff --git a/src/components/Tips/GoViewProAI/index.vue b/src/components/Tips/GoViewProAI/index.vue
new file mode 100644
index 00000000..0d63b08a
--- /dev/null
+++ b/src/components/Tips/GoViewProAI/index.vue
@@ -0,0 +1,39 @@
+<template>
+  <div>
+    <n-modal
+      class="go-view-pro-ai"
+      title="GoViewPro AI"
+      v-model:show="showModal"
+      preset="card"
+      size="small"
+      transform-origin="center"
+      style="width: 700px"
+    >
+      <n-divider style="margin: 4px 0 10px" />
+      <n-flex>
+        <n-text>点击前往查看👉：</n-text>
+        <n-a href="https://ai.goviewlink.com/saas/" target="_blank">https://ai.goviewlink.com/saas/</n-a>
+      </n-flex>
+      <n-a href="https://ai.goviewlink.com/saas/" target="_blank"> </n-a>
+      <n-image class="go-view-pro-img" width="668" :src="aiImage" />
+    </n-modal>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import aiImage from '@/assets/images/tips/go-view-pro-ai.png'
+
+const showModal = ref(true)
+</script>
+
+<style scoped lang="scss">
+.go-view-pro-ai {
+  .go-view-pro-img {
+    display: block;
+    width: 100%;
+    border-radius: 8px;
+    margin-top: 10px;
+  }
+}
+</style>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index e818f4fe..5406cc63 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -110,7 +110,10 @@
     <div class="go-login-box-footer">
       <layout-footer></layout-footer>
     </div>
+    <go-view-pro-ai></go-view-pro-ai>
   </div>
+  <!-- pro -->
+   <GoViewProAI></GoViewProAI>
 </template>
 
 <script lang="ts" setup>
@@ -122,10 +125,12 @@ import { GoThemeSelect } from '@/components/GoThemeSelect'
 import { GoLangSelect } from '@/components/GoLangSelect'
 import { LayoutHeader } from '@/layout/components/LayoutHeader'
 import { LayoutFooter } from '@/layout/components/LayoutFooter'
+import { GoViewProAI } from '@/components/Tips/GoViewProAI'
 import { PageEnum } from '@/enums/pageEnum'
 import { icon } from '@/plugins'
 import { StorageEnum } from '@/enums/storageEnum'
 import { routerTurnByName, cryptoEncode, setLocalStorage } from '@/utils'
+
 const { GO_LOGIN_INFO_STORE } = StorageEnum
 
 const { PersonOutlineIcon, LockClosedOutlineIcon } = icon.ionicons5