“项目基本初始化操作”

1 year ago · d94846450e
commit d94846450e
135 changed files with 30422 additions and 0 deletions
--- a/.DS_Store
+++ b/.DS_Store
--- a/.env.development
+++ b/.env.development
@ -0,0 +1 @@
+VITE_SERVICE_ENV=dev
--- a/.env.production
+++ b/.env.production
@ -0,0 +1 @@
+VITE_SERVICE_ENV=prod
--- a/.env.test
+++ b/.env.test
@ -0,0 +1 @@
+VITE_SERVICE_ENV=test
--- a/.eslintrc
+++ b/.eslintrc
@ -0,0 +1,18 @@
+{
+  "extends": "@antfu",
+  "rules": {
+    // if else try catch 风格
+    // ```
+    // try {                       try {
+    //   loading()                   loading()
+    // }                 ==>       } catch (e) {
+    // catch (e) {                     hideLoading()
+    //   hideLoading()             }
+    // }
+    // ```
+    "@typescript-eslint/brace-style": ["error", "1tbs"],
+
+    // if else 必须添加{} if()do() => if(){ do() }
+    "curly":["error", "multi-line"]
+  }
+}
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,4 @@
+node_modules
+dist
+.vscode
+.idea
--- a/.npmrc
+++ b/.npmrc
@ -0,0 +1,4 @@
+shamefully-hoist=true
+strict-peer-dependencies=false
+auto-install-peers=true
+
--- a/README.md
+++ b/README.md
@ -0,0 +1,10 @@
+# uniapp--ruoyi-vue3-starter
+## 插件
+* [Vue 3](https://github.com/vuejs/core), [Vite 3](https://github.com/vitejs/vite), [pnpm](https://pnpm.io/)
+* [UnoCSS](https://github.com/unocss/unocss) - 高性能且极具灵活性的即时原子化 CSS 引擎
+* [unocss-preset-weapp](https://github.com/MellowCo/unocss-preset-weapp) - UnoCSS小程序预设
+* [API 自动加载](https://github.com/antfu/unplugin-auto-import) - 直接使用 Composition API 无需引入
+* ![img.png](img.png)
+![img_1.png](img_1.png)
+![img_2.png](img_2.png)
+* ![img_3.png](img_3.png)
--- a/auto-imports.d.ts
+++ b/auto-imports.d.ts
@ -0,0 +1,186 @@
+// Generated by 'unplugin-auto-import'
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const createPinia: typeof import('pinia')['createPinia']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const defineStore: typeof import('pinia')['defineStore']
+  const effectScope: typeof import('vue')['effectScope']
+  const getActivePinia: typeof import('pinia')['getActivePinia']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const mapActions: typeof import('pinia')['mapActions']
+  const mapGetters: typeof import('pinia')['mapGetters']
+  const mapState: typeof import('pinia')['mapState']
+  const mapStores: typeof import('pinia')['mapStores']
+  const mapWritableState: typeof import('pinia')['mapWritableState']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onAddToFavorites: typeof import('@dcloudio/uni-app')['onAddToFavorites']
+  const onBackPress: typeof import('@dcloudio/uni-app')['onBackPress']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onError: typeof import('@dcloudio/uni-app')['onError']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onHide: typeof import('@dcloudio/uni-app')['onHide']
+  const onLaunch: typeof import('@dcloudio/uni-app')['onLaunch']
+  const onLoad: typeof import('@dcloudio/uni-app')['onLoad']
+  const onMounted: typeof import('vue')['onMounted']
+  const onNavigationBarButtonTap: typeof import('@dcloudio/uni-app')['onNavigationBarButtonTap']
+  const onNavigationBarSearchInputChanged: typeof import('@dcloudio/uni-app')['onNavigationBarSearchInputChanged']
+  const onNavigationBarSearchInputClicked: typeof import('@dcloudio/uni-app')['onNavigationBarSearchInputClicked']
+  const onNavigationBarSearchInputConfirmed: typeof import('@dcloudio/uni-app')['onNavigationBarSearchInputConfirmed']
+  const onNavigationBarSearchInputFocusChanged: typeof import('@dcloudio/uni-app')['onNavigationBarSearchInputFocusChanged']
+  const onPageNotFound: typeof import('@dcloudio/uni-app')['onPageNotFound']
+  const onPageScroll: typeof import('@dcloudio/uni-app')['onPageScroll']
+  const onPullDownRefresh: typeof import('@dcloudio/uni-app')['onPullDownRefresh']
+  const onReachBottom: typeof import('@dcloudio/uni-app')['onReachBottom']
+  const onReady: typeof import('@dcloudio/uni-app')['onReady']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onResize: typeof import('@dcloudio/uni-app')['onResize']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onShareAppMessage: typeof import('@dcloudio/uni-app')['onShareAppMessage']
+  const onShareTimeline: typeof import('@dcloudio/uni-app')['onShareTimeline']
+  const onShow: typeof import('@dcloudio/uni-app')['onShow']
+  const onTabItemTap: typeof import('@dcloudio/uni-app')['onTabItemTap']
+  const onThemeChange: typeof import('@dcloudio/uni-app')['onThemeChange']
+  const onUnhandledRejection: typeof import('@dcloudio/uni-app')['onUnhandledRejection']
+  const onUnload: typeof import('@dcloudio/uni-app')['onUnload']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const resolveDirective: typeof import('vue')['resolveDirective']
+  const setActivePinia: typeof import('pinia')['setActivePinia']
+  const setMapStoreSuffix: typeof import('pinia')['setMapStoreSuffix']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const storeToRefs: typeof import('pinia')['storeToRefs']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useSlots: typeof import('vue')['useSlots']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+}
+// for vue template auto import
+import { UnwrapRef } from 'vue'
+declare module 'vue' {
+  interface ComponentCustomProperties {
+    readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
+    readonly acceptHMRUpdate: UnwrapRef<typeof import('pinia')['acceptHMRUpdate']>
+    readonly computed: UnwrapRef<typeof import('vue')['computed']>
+    readonly createApp: UnwrapRef<typeof import('vue')['createApp']>
+    readonly createPinia: UnwrapRef<typeof import('pinia')['createPinia']>
+    readonly customRef: UnwrapRef<typeof import('vue')['customRef']>
+    readonly defineAsyncComponent: UnwrapRef<typeof import('vue')['defineAsyncComponent']>
+    readonly defineComponent: UnwrapRef<typeof import('vue')['defineComponent']>
+    readonly defineStore: UnwrapRef<typeof import('pinia')['defineStore']>
+    readonly effectScope: UnwrapRef<typeof import('vue')['effectScope']>
+    readonly getActivePinia: UnwrapRef<typeof import('pinia')['getActivePinia']>
+    readonly getCurrentInstance: UnwrapRef<typeof import('vue')['getCurrentInstance']>
+    readonly getCurrentScope: UnwrapRef<typeof import('vue')['getCurrentScope']>
+    readonly h: UnwrapRef<typeof import('vue')['h']>
+    readonly inject: UnwrapRef<typeof import('vue')['inject']>
+    readonly isProxy: UnwrapRef<typeof import('vue')['isProxy']>
+    readonly isReactive: UnwrapRef<typeof import('vue')['isReactive']>
+    readonly isReadonly: UnwrapRef<typeof import('vue')['isReadonly']>
+    readonly isRef: UnwrapRef<typeof import('vue')['isRef']>
+    readonly mapActions: UnwrapRef<typeof import('pinia')['mapActions']>
+    readonly mapGetters: UnwrapRef<typeof import('pinia')['mapGetters']>
+    readonly mapState: UnwrapRef<typeof import('pinia')['mapState']>
+    readonly mapStores: UnwrapRef<typeof import('pinia')['mapStores']>
+    readonly mapWritableState: UnwrapRef<typeof import('pinia')['mapWritableState']>
+    readonly markRaw: UnwrapRef<typeof import('vue')['markRaw']>
+    readonly nextTick: UnwrapRef<typeof import('vue')['nextTick']>
+    readonly onActivated: UnwrapRef<typeof import('vue')['onActivated']>
+    readonly onAddToFavorites: UnwrapRef<typeof import('@dcloudio/uni-app')['onAddToFavorites']>
+    readonly onBackPress: UnwrapRef<typeof import('@dcloudio/uni-app')['onBackPress']>
+    readonly onBeforeMount: UnwrapRef<typeof import('vue')['onBeforeMount']>
+    readonly onBeforeUnmount: UnwrapRef<typeof import('vue')['onBeforeUnmount']>
+    readonly onBeforeUpdate: UnwrapRef<typeof import('vue')['onBeforeUpdate']>
+    readonly onDeactivated: UnwrapRef<typeof import('vue')['onDeactivated']>
+    readonly onError: UnwrapRef<typeof import('@dcloudio/uni-app')['onError']>
+    readonly onErrorCaptured: UnwrapRef<typeof import('vue')['onErrorCaptured']>
+    readonly onHide: UnwrapRef<typeof import('@dcloudio/uni-app')['onHide']>
+    readonly onLaunch: UnwrapRef<typeof import('@dcloudio/uni-app')['onLaunch']>
+    readonly onLoad: UnwrapRef<typeof import('@dcloudio/uni-app')['onLoad']>
+    readonly onMounted: UnwrapRef<typeof import('vue')['onMounted']>
+    readonly onNavigationBarButtonTap: UnwrapRef<typeof import('@dcloudio/uni-app')['onNavigationBarButtonTap']>
+    readonly onNavigationBarSearchInputChanged: UnwrapRef<typeof import('@dcloudio/uni-app')['onNavigationBarSearchInputChanged']>
+    readonly onNavigationBarSearchInputClicked: UnwrapRef<typeof import('@dcloudio/uni-app')['onNavigationBarSearchInputClicked']>
+    readonly onNavigationBarSearchInputConfirmed: UnwrapRef<typeof import('@dcloudio/uni-app')['onNavigationBarSearchInputConfirmed']>
+    readonly onNavigationBarSearchInputFocusChanged: UnwrapRef<typeof import('@dcloudio/uni-app')['onNavigationBarSearchInputFocusChanged']>
+    readonly onPageNotFound: UnwrapRef<typeof import('@dcloudio/uni-app')['onPageNotFound']>
+    readonly onPageScroll: UnwrapRef<typeof import('@dcloudio/uni-app')['onPageScroll']>
+    readonly onPullDownRefresh: UnwrapRef<typeof import('@dcloudio/uni-app')['onPullDownRefresh']>
+    readonly onReachBottom: UnwrapRef<typeof import('@dcloudio/uni-app')['onReachBottom']>
+    readonly onReady: UnwrapRef<typeof import('@dcloudio/uni-app')['onReady']>
+    readonly onRenderTracked: UnwrapRef<typeof import('vue')['onRenderTracked']>
+    readonly onRenderTriggered: UnwrapRef<typeof import('vue')['onRenderTriggered']>
+    readonly onResize: UnwrapRef<typeof import('@dcloudio/uni-app')['onResize']>
+    readonly onScopeDispose: UnwrapRef<typeof import('vue')['onScopeDispose']>
+    readonly onServerPrefetch: UnwrapRef<typeof import('vue')['onServerPrefetch']>
+    readonly onShareAppMessage: UnwrapRef<typeof import('@dcloudio/uni-app')['onShareAppMessage']>
+    readonly onShareTimeline: UnwrapRef<typeof import('@dcloudio/uni-app')['onShareTimeline']>
+    readonly onShow: UnwrapRef<typeof import('@dcloudio/uni-app')['onShow']>
+    readonly onTabItemTap: UnwrapRef<typeof import('@dcloudio/uni-app')['onTabItemTap']>
+    readonly onThemeChange: UnwrapRef<typeof import('@dcloudio/uni-app')['onThemeChange']>
+    readonly onUnhandledRejection: UnwrapRef<typeof import('@dcloudio/uni-app')['onUnhandledRejection']>
+    readonly onUnload: UnwrapRef<typeof import('@dcloudio/uni-app')['onUnload']>
+    readonly onUnmounted: UnwrapRef<typeof import('vue')['onUnmounted']>
+    readonly onUpdated: UnwrapRef<typeof import('vue')['onUpdated']>
+    readonly provide: UnwrapRef<typeof import('vue')['provide']>
+    readonly reactive: UnwrapRef<typeof import('vue')['reactive']>
+    readonly readonly: UnwrapRef<typeof import('vue')['readonly']>
+    readonly ref: UnwrapRef<typeof import('vue')['ref']>
+    readonly resolveComponent: UnwrapRef<typeof import('vue')['resolveComponent']>
+    readonly resolveDirective: UnwrapRef<typeof import('vue')['resolveDirective']>
+    readonly setActivePinia: UnwrapRef<typeof import('pinia')['setActivePinia']>
+    readonly setMapStoreSuffix: UnwrapRef<typeof import('pinia')['setMapStoreSuffix']>
+    readonly shallowReactive: UnwrapRef<typeof import('vue')['shallowReactive']>
+    readonly shallowReadonly: UnwrapRef<typeof import('vue')['shallowReadonly']>
+    readonly shallowRef: UnwrapRef<typeof import('vue')['shallowRef']>
+    readonly storeToRefs: UnwrapRef<typeof import('pinia')['storeToRefs']>
+    readonly toRaw: UnwrapRef<typeof import('vue')['toRaw']>
+    readonly toRef: UnwrapRef<typeof import('vue')['toRef']>
+    readonly toRefs: UnwrapRef<typeof import('vue')['toRefs']>
+    readonly triggerRef: UnwrapRef<typeof import('vue')['triggerRef']>
+    readonly unref: UnwrapRef<typeof import('vue')['unref']>
+    readonly useAttrs: UnwrapRef<typeof import('vue')['useAttrs']>
+    readonly useCssModule: UnwrapRef<typeof import('vue')['useCssModule']>
+    readonly useCssVars: UnwrapRef<typeof import('vue')['useCssVars']>
+    readonly useSlots: UnwrapRef<typeof import('vue')['useSlots']>
+    readonly watch: UnwrapRef<typeof import('vue')['watch']>
+    readonly watchEffect: UnwrapRef<typeof import('vue')['watchEffect']>
+    readonly watchPostEffect: UnwrapRef<typeof import('vue')['watchPostEffect']>
+    readonly watchSyncEffect: UnwrapRef<typeof import('vue')['watchSyncEffect']>
+  }
+}
--- a/components.d.ts
+++ b/components.d.ts
@ -0,0 +1,27 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    CpIcon: typeof import('./src/components/CpIcon.vue')['default']
+    DoctorCard: typeof import('./src/components/home/DoctorCard.vue')['default']
+    FollowDoctor: typeof import('./src/components/home/FollowDoctor.vue')['default']
+    KnowledgeCard: typeof import('./src/components/home/KnowledgeCard.vue')['default']
+    KnowledgeList: typeof import('./src/components/home/KnowledgeList.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    VanButton: typeof import('vant/es')['Button']
+    VanCol: typeof import('vant/es')['Col']
+    VanImage: typeof import('vant/es')['Image']
+    VanList: typeof import('vant/es')['List']
+    VanRow: typeof import('vant/es')['Row']
+    VanSwipe: typeof import('vant/es')['Swipe']
+    VanSwipeItem: typeof import('vant/es')['SwipeItem']
+    VanTab: typeof import('vant/es')['Tab']
+    VanTabs: typeof import('vant/es')['Tabs']
+  }
+}
--- a/img.png
+++ b/img.png
--- a/img_1.png
+++ b/img_1.png
--- a/img_2.png
+++ b/img_2.png
--- a/img_3.png
+++ b/img_3.png
--- a/index.html
+++ b/index.html
@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <script>
+      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
+        CSS.supports('top: constant(a)'))
+      document.write(
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
+        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
+    </script>
+    <title></title>
+    <!--preload-links-->
+    <!--app-context-->
+  </head>
+  <body>
+    <div id="app"><!--app-html--></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,78 @@
+{
+  "name": "uni-vue3-starter",
+  "version": "0.0.0",
+  "scripts": {
+    "dev:app": "uni -p app",
+    "dev:custom": "uni -p",
+    "dev:h5": "uni",
+    "dev:h5:ssr": "uni --ssr",
+    "dev:mp-alipay": "uni -p mp-alipay",
+    "dev:mp-baidu": "uni -p mp-baidu",
+    "dev:mp-kuaishou": "uni -p mp-kuaishou",
+    "dev:mp-lark": "uni -p mp-lark",
+    "dev:mp-qq": "uni -p mp-qq",
+    "dev:mp-toutiao": "uni -p mp-toutiao",
+    "dev:mp-weixin": "uni -p mp-weixin",
+    "dev:quickapp-webview": "uni -p quickapp-webview",
+    "dev:quickapp-webview-huawei": "uni -p quickapp-webview-huawei",
+    "dev:quickapp-webview-union": "uni -p quickapp-webview-union",
+    "build:app": "uni build -p app",
+    "build:custom": "uni build -p",
+    "build:h5": "uni build",
+    "build:h5:ssr": "uni build --ssr",
+    "build:mp-alipay": "uni build -p mp-alipay",
+    "build:mp-baidu": "uni build -p mp-baidu",
+    "build:mp-kuaishou": "uni build -p mp-kuaishou",
+    "build:mp-lark": "uni build -p mp-lark",
+    "build:mp-qq": "uni build -p mp-qq",
+    "build:mp-toutiao": "uni build -p mp-toutiao",
+    "build:mp-weixin": "uni build -p mp-weixin",
+    "build:quickapp-webview": "uni build -p quickapp-webview",
+    "build:quickapp-webview-huawei": "uni build -p quickapp-webview-huawei",
+    "build:quickapp-webview-union": "uni build -p quickapp-webview-union",
+    "lint": "eslint ."
+  },
+  "dependencies": {
+    "@dcloudio/uni-app": "3.0.0-alpha-3050420220804004",
+    "@dcloudio/uni-app-plus": "3.0.0-alpha-3050420220804004",
+    "@dcloudio/uni-components": "3.0.0-alpha-3050420220804004",
+    "@dcloudio/uni-h5": "3.0.0-alpha-3050420220804004",
+    "@dcloudio/uni-mp-alipay": "3.0.0-alpha-3050420220804004",
+    "@dcloudio/uni-mp-baidu": "3.0.0-alpha-3050420220804004",
+    "@dcloudio/uni-mp-kuaishou": "3.0.0-alpha-3050420220804004",
+    "@dcloudio/uni-mp-lark": "3.0.0-alpha-3050420220804004",
+    "@dcloudio/uni-mp-qq": "3.0.0-alpha-3050420220804004",
+    "@dcloudio/uni-mp-toutiao": "3.0.0-alpha-3050420220804004",
+    "@dcloudio/uni-mp-weixin": "3.0.0-alpha-3050420220804004",
+    "@dcloudio/uni-quickapp-webview": "3.0.0-alpha-3050420220804004",
+    "@dcloudio/uni-ui": "^1.4.20",
+    "axios": "^1.4.0",
+    "lodash": "1.3.1",
+    "moment": "^2.29.4",
+    "pinia": "^2.0.36",
+    "pinia-plugin-persistedstate": "^3.2.0",
+    "vant": "^4.6.3",
+    "vue": "^3.2.37",
+    "vue-i18n": "^9.1.9"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^0.25.2",
+    "@dcloudio/types": "^3.0.7",
+    "@dcloudio/uni-automator": "3.0.0-alpha-3050420220804004",
+    "@dcloudio/uni-cli-shared": "3.0.0-alpha-3050420220804004",
+    "@dcloudio/uni-stacktracey": "3.0.0-alpha-3050420220804004",
+    "@dcloudio/vite-plugin-uni": "3.0.0-alpha-3050420220804004",
+    "@types/node": "^18.6.4",
+    "eslint": "^8.21.0",
+    "sass": "^1.54.8",
+    "sass-loader": "10.1.1",
+    "typescript": "^4.7.4",
+    "unocss": "^0.45.5",
+    "unocss-preset-weapp": "^0.1.7",
+    "unplugin-auto-import": "^0.11.0",
+    "unplugin-transform-we-class": "^0.1.10",
+    "unplugin-vue-components": "^0.25.1",
+    "vite": "^2.9.14",
+    "vite-plugin-svg-icons": "^2.0.1"
+  }
+}
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/src/.DS_Store
+++ b/src/.DS_Store
--- a/src/App.vue
+++ b/src/App.vue
@ -0,0 +1,46 @@
+<script setup lang="ts">
+  import {
+    Navigate
+  } from "@/utils";
+  import {
+    getToken
+  } from "@/utils/Storage";
+
+  const checkLogin = () => {
+    if (!getToken) {
+      Navigate.redirect('/pages/login')
+    }
+  }
+  const initApp = () => {
+    // 检查用户登录状态
+    //#ifdef H5
+    checkLogin()
+    //#endif
+  }
+  onLaunch(() => {
+    initApp()
+    console.log('App Launch')
+  })
+  onShow(() => {
+    console.log('App Show')
+  })
+  onHide(() => {
+    console.log('App Hide')
+  })
+</script>
+<template>
+  <router-view></router-view>
+</template>
+
+<style lang="scss">
+  @import '@/static/reset.scss';
+
+  .uno-start {
+    --un: 0;
+  }
+
+  /* unocss 代码生成在这 */
+  .uno-end {
+    --un: 0;
+  }
+</style>
--- a/src/api/.DS_Store
+++ b/src/api/.DS_Store
--- a/src/api/consult.ts
+++ b/src/api/consult.ts
@ -0,0 +1,16 @@
+//在线问诊
+import type {
+  KnowledgePage,
+  KnowledgeParams,
+  PageParams,
+  DoctorPage
+} from '@/types/consult'
+import request from '@/utils/request'
+
+// 获取健康知识列表
+export const getKnowledgePage = (params: KnowledgeParams) =>
+  request.get<KnowledgePage>('/patient/home/knowledge', { params })
+
+// 获取关注医生的列表
+export const getDoctorPage = (params: PageParams) =>
+  request.get<DoctorPage>('/home/page/doc', { params })
--- a/src/api/login.ts
+++ b/src/api/login.ts
@ -0,0 +1,8 @@
+import request from '@/utils/request'
+
+export const loginAPI = (mobile: string, password: string) => {
+  return request.post('login/password', {
+    mobile,
+    password
+  })
+}
--- a/src/api/user.ts
+++ b/src/api/user.ts
@ -0,0 +1,8 @@
+import request from '@/utils/request'
+
+export const loginAPI = (mobile: string, password: string) => {
+  return request.post('login/password', {
+    mobile,
+    password
+  })
+}
--- a/src/components/.DS_Store
+++ b/src/components/.DS_Store
--- a/src/components/CpIcon.vue
+++ b/src/components/CpIcon.vue
@ -0,0 +1,23 @@
+<!---->
+<template>
+  <svg aria-hidden="true" class="cp-icon">
+    <!-- #icon-文件夹名称-图片名称 -->
+    <use :href="`#icon-${name}`" />
+  </svg>
+</template>
+
+<script setup lang="ts">
+  //提供name属性即可
+  interface Props {
+    name: string
+  }
+
+  defineProps < Props > ()
+</script>
+<style lang="scss" scoped>
+  .cp-icon {
+    //和字体一样大
+    width: 1em;
+    height: 1em;
+  }
+</style>
--- a/src/components/home/DoctorCard.vue
+++ b/src/components/home/DoctorCard.vue
@ -0,0 +1,62 @@
+<script lang="ts" setup>
+  import type {
+    Doctor
+  } from '@/types/consult'
+
+  defineProps < {
+    item: Doctor
+  } > ()
+</script>
+<template>
+  <view class="doctor-card">
+    <van-image round :src="item.avatar" />
+    <p class="name">{{ item.name }}</p>
+    <p class="van-ellipsis">{{ item.hospitalName }} {{ item.depName }}</p>
+    <p>{{ item.positionalTitles }}</p>
+    <van-button round size="small" type="primary">
+      {{ item.likeFlag === 1 ? '已关注' : '+ 关注' }}
+    </van-button>
+  </view>
+</template>
+
+<style scoped lang="scss">
+  .doctor-card {
+    width: 135px;
+    height: 190px;
+    background: #fff;
+    border-radius: 20px;
+    box-shadow: 0px 0px 11px 0px rgba(229, 229, 229, 0.2);
+    text-align: center;
+    padding: 15px;
+    margin-left: 15px;
+    display: inline-block;
+    box-sizing: border-box;
+
+    >.van-image {
+      width: 58px;
+      height: 58px;
+      vertical-align: top;
+      border-radius: 50%;
+      margin: 0 auto 8px;
+    }
+
+    >p {
+      margin-bottom: 0;
+      font-size: 11px;
+      color: var(--cp-tip);
+
+      &.name {
+        font-size: 13px;
+        color: var(--cp-text1);
+        margin-bottom: 5px;
+      }
+    }
+
+    >.van-button {
+      padding: 0 12px;
+      height: 28px;
+      margin-top: 8px;
+      width: 72px;
+    }
+  }
+</style>
--- a/src/components/home/FollowDoctor.vue
+++ b/src/components/home/FollowDoctor.vue
@ -0,0 +1,86 @@
+<script setup lang="ts">
+  import {
+    ref
+  } from 'vue'
+  import DoctorCard from './DoctorCard.vue'
+  import {
+    getDoctorPage
+  } from '@/api/consult'
+  import type {
+    DoctorList
+  } from '@/types/consult'
+
+
+  //获取关注医生列表数据
+  const list = ref < DoctorList > ([])
+  const getList = async () => {
+    const {
+      data
+    } = await getDoctorPage(({
+      current: 1,
+      pageSize: 5
+    }))
+    //默认展示5个医生
+    list.value = data.rows
+  }
+  //1、原生js方式
+  const width = ref(375)
+  onLoad(() => {
+    //获取手机屏幕的宽度
+    const windowResizeCallback = (res) => {
+      console.log('变化后的窗口宽度=' + res.size.windowWidth)
+      console.log('变化后的窗口高度=' + res.size.windowHeight)
+      width.value = res.size.windowWidth
+    }
+    uni.onWindowResize(windowResizeCallback)
+    getList()
+  })
+</script>
+
+<template>
+  <view class="follow-doctor">
+    <!-- 1、头部 -->
+    <view className="head">
+      <p>推荐关注</p>
+      <a href="javascript:;"> 查看更多<i class="van-icon van-icon-arrow" /></a>
+    </view>
+    <!-- 2、医生列表 -->
+    <view class="body">
+      <!-- swipe 组件 -->
+      <!-- width是用来指定单个item的宽度 -->
+      <!-- 问题:150是写死的 -->
+      <!-- 解决:基准比例(150/375)*当前屏幕宽度     做一个动态计算 -->
+      <van-swipe :autoplay="3000" :width="(150/375)*width" :loop="false" :show-indicators="false">
+        <van-swipe-item v-for="item in list" :key="item.id">
+          <!-- 单个医生的信息介绍 -->
+          <doctor-card :item="item" />
+        </van-swipe-item>
+      </van-swipe>
+    </view>
+  </view>
+</template>
+
+<style lang="scss" scoped>
+  .follow-doctor {
+    background-color: var(--cp-bg);
+    height: 250px;
+
+    .head {
+      display: flex;
+      justify-content: space-between;
+      height: 45px;
+      align-items: center;
+      padding: 0 15px;
+      font-size: 13px;
+
+      >a {
+        color: var(--cp-tip);
+      }
+    }
+
+    .body {
+      width: 100%;
+      overflow: hidden;
+    }
+  }
+</style>
--- a/src/components/home/KnowledgeCard.vue
+++ b/src/components/home/KnowledgeCard.vue
@ -0,0 +1,138 @@
+<script setup lang="ts">
+  import type {
+    Knowledge
+  } from '@/types/consult'
+
+  defineProps < {
+    item: Knowledge
+  } > ()
+</script>
+
+<template>
+  <view class="knowledge-card van-hairline--bottom">
+    <view class="head">
+      <van-image round class="avatar" :src="item.creatorAvatar"></van-image>
+      <view class="info">
+        <p class="name">{{ item.creatorName }}</p>
+        <p class="dep van-ellipsis">
+          {{ item.creatorHospatalName }} {{ item.creatorDep }} {{ item.creatorTitles }}
+        </p>
+      </view>
+      <van-button class="btn" size="small" round>
+        {{ item.likeFlag === 1 ? '已关注' : '+ 关注' }}
+      </van-button>
+    </view>
+    <view class="body">
+      <h3 class="title van-ellipsis">{{ item.title }}</h3>
+      <p class="tag">
+        <span v-for="(tag, i) in item.topics" :key="i"># {{ tag }}</span>
+      </p>
+      <p class="intro van-multi-ellipsis--l2">{{ item.content.replace(/<[^>]+>/g, '') }}</p>
+      <view class="imgs" :class="{ large: item.coverUrl.length === 1 }">
+        <van-image fit="cover" v-for="(url, i) in item.coverUrl" :key="i" :src="url" />
+      </view>
+      <p class="logs">
+        <span>{{ item.collectionNumber }} 收藏</span>
+        <span>{{ item.commentNumber }} 评论</span>
+      </p>
+    </view>
+  </view>
+</template>
+
+
+<style lang="scss" scoped>
+  .knowledge-card {
+    padding: 20px 0 16px;
+
+    .head {
+      display: flex;
+      align-items: center;
+
+      .avatar {
+        width: 38px;
+        height: 38px;
+        margin-right: 10px;
+      }
+
+      .info {
+        width: 200px;
+        padding-right: 10px;
+
+        .name {
+          color: var(--cp-text2);
+        }
+
+        .dep {
+          color: var(--cp-tip);
+          font-size: 12px;
+        }
+      }
+
+      .btn {
+        padding: 0 12px;
+        border-color: var(--cp-primary);
+        color: var(--cp-primary);
+        height: 28px;
+        width: 72px;
+      }
+    }
+
+    .body {
+      .title {
+        font-size: 16px;
+        margin-top: 8px;
+        font-weight: normal;
+      }
+
+      .tag {
+        margin-top: 6px;
+
+        >span {
+          color: var(--cp-primary);
+          margin-right: 20px;
+          font-size: 12px;
+        }
+      }
+
+      .intro {
+        margin-top: 7px;
+        line-height: 2;
+        color: var(--cp-text3);
+      }
+
+      .imgs {
+        margin-top: 7px;
+        display: flex;
+
+        .van-image {
+          width: 106px;
+          height: 106px;
+          margin-right: 12px;
+          border-radius: 12px;
+          overflow: hidden;
+
+          &:last-child {
+            margin-right: 0;
+          }
+        }
+
+        &.large {
+          .van-image {
+            width: 185px;
+            height: 125px;
+          }
+        }
+      }
+
+      .logs {
+        margin-top: 10px;
+
+        >span {
+          color: var(--cp-tip);
+          margin-right: 16px;
+          font-size: 12px;
+        }
+      }
+    }
+  }
+</style>
--- a/src/components/home/KnowledgeList.vue
+++ b/src/components/home/KnowledgeList.vue
@ -0,0 +1,76 @@
+<script setup lang="ts">
+  import KnowledgeCard from './KnowledgeCard.vue'
+  import {
+    ref
+  } from 'vue'
+  import type {
+    KnowledgeType,
+    KnowledgeList
+  } from '@/types/consult'
+  import {
+    getKnowledgePage
+  } from '@/api/consult'
+
+  //接收type(文章类型)
+  const props = defineProps < {
+    type: KnowledgeType
+  } > ()
+
+  //列表数据
+  const list = ref < KnowledgeList > ([]);
+  //列表加载状态:true加载中 false加载完成(多次触发)
+  const loading = ref(false);
+  //控制列表数据是否加载完成:falsw还有数据 true数据已经加载完毕
+  //1、页面打开后默认执行一次
+  //2、每次用户滚动到底部会再次执行
+  const finished = ref(false);
+
+  //请求的分页参数
+  const params = {
+    type: props.type, //频道类型
+    current: 1, //请求的页码
+    pageSize: 10 //每页多少条数据
+  }
+
+  //加载数据的函数
+  const onLoad = async () => {
+    // 异步更新数据
+    // setTimeout 仅做示例，真实场景中一般为 ajax 请求
+    const {
+      data
+    } = await getKnowledgePage(params)
+    //把当前页数据追加到list列表中
+    list.value.push(...data.rows)
+
+    // 加载状态结束
+    loading.value = false;
+
+    // 数据全部加载完成
+    // 判断列表的数据是否加载完成了?
+    //1、list长度===total数据总条数
+    //2、current===pageTotal总页数
+    if (list.value.length === data.total) {
+      //数据加载完了
+      finished.value = true;
+    } else {
+      //数据没有加载完?把页码+1
+      params.current++
+
+    }
+  };
+</script>
+
+<template>
+  <view class="knowledge-list">
+    <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+      <!-- 列表数据 -->
+      <knowledge-card v-for="item in list" :key="item.id" :item=item></knowledge-card>
+    </van-list>
+  </view>
+</template>
+
+<style lang="scss" scoped>
+  .knowledge-list {
+    padding: 0 15px;
+  }
+</style>
--- a/src/config/env.ts
+++ b/src/config/env.ts
@ -0,0 +1,24 @@
+/** 请求服务的环境配置 */
+type ServiceEnv = Record<ServiceEnvType, ServiceEnvConfig>
+
+const serviceEnv: ServiceEnv = {
+  dev: {
+    url: 'http://127.0.0.1:8080',
+  },
+  test: {
+    url: 'http://192.168.22.148:8080',
+  },
+  prod: {
+    url: 'http://192.168.22.148:8080',
+  },
+}
+
+/**
+ * 获取当前环境模式下的请求服务的配置
+ * @param env 环境
+ */
+export function getServiceEnvConfig(env: ImportMetaEnv) {
+  const { VITE_SERVICE_ENV = 'dev' } = env
+
+  return serviceEnv[VITE_SERVICE_ENV]
+}
--- a/src/config/index.ts
+++ b/src/config/index.ts
@ -0,0 +1,2 @@
+export * from './service'
+export * from './env'
--- a/src/config/service.ts
+++ b/src/config/service.ts
@ -0,0 +1,63 @@
+import type { RequestOptions } from '@/service/request/request'
+
+/** 请求超时时间 */
+export const REQUEST_TIMEOUT = 60 * 1000
+
+/** 错误信息的显示时间 */
+export const ERROR_MSG_DURATION = 3 * 1000
+
+/** 默认的请求错误code */
+export const DEFAULT_REQUEST_ERROR_CODE = 'DEFAULT'
+
+/** 默认的请求错误文本 */
+export const DEFAULT_REQUEST_ERROR_MSG = '请求错误~'
+
+/** 请求超时的错误code(为固定值：ECONNABORTED) */
+export const REQUEST_TIMEOUT_CODE = 'ECONNABORTED'
+
+/** 请求超时的错误文本 */
+export const REQUEST_TIMEOUT_MSG = '请求超时~'
+
+/** 网络不可用的code */
+export const NETWORK_ERROR_CODE = 'NETWORK_ERROR'
+
+/** 网络不可用的错误文本 */
+export const NETWORK_ERROR_MSG = '网络不可用~'
+
+/** 请求不成功各种状态的错误 */
+export const ERROR_STATUS = {
+  400: '400: 请求出现语法错误~',
+  401: '401: 用户未授权~',
+  403: '403: 服务器拒绝访问~',
+  404: '404: 请求的资源不存在~',
+  405: '405: 请求方法未允许~',
+  408: '408: 网络请求超时~',
+  500: '500: 服务器内部错误~',
+  501: '501: 服务器未实现请求功能~',
+  502: '502: 错误网关~',
+  503: '503: 服务不可用~',
+  504: '504: 网关超时~',
+  505: '505: http版本不支持该请求~',
+  [DEFAULT_REQUEST_ERROR_CODE]: DEFAULT_REQUEST_ERROR_MSG,
+}
+
+/** 不弹出错误信息的code */
+export const NO_ERROR_MSG_CODE: (string | number)[] = []
+
+/** token失效需要刷新token的code */
+export const REFRESH_TOKEN_CODE: (string | number)[] = []
+
+export const REFRESH_CONFIG: RequestOptions = {
+  url: '',
+  header: {
+    'content-type': 'application/json',
+  },
+  method: 'GET',
+  dataType: 'json',
+  loading: true,
+  responseType: 'text',
+  timeout: 30000,
+  ShowErrMsg: true,
+  showLog: true,
+  isNeedToken: true,
+}
--- a/src/enums/baseDict.ts
+++ b/src/enums/baseDict.ts
@ -0,0 +1,110 @@
+export class Enum {
+  static enumKeys: Array<string>
+  static enumValues: Array<Enum>
+  private name: string
+  private code: string
+  private color: string
+  enumKey!: string
+  enumOrdinal!: number
+
+  /**
+     *
+     * @param name {string} 枚举名称
+     * @param code {string|number} 枚举编码
+     * @param color {string} 枚举颜色
+     */
+  constructor(name: string, code: string, color = '#fff') {
+    this.name = name
+    this.code = code
+    this.color = color
+  }
+
+  /**
+     * 内部方法
+     */
+  static insideEnum() {
+    const enumKeys = []
+    const enumValues = []
+    for (const [key, value] of Object.entries(this)) {
+      enumKeys.push(key)
+      value.enumKey = key
+      value.enumOrdinal = enumValues.length
+      value.dictLabel = value.name
+      value.dictValue = value.code
+
+      enumValues.push(value)
+    }
+    this.enumKeys = enumKeys
+    this.enumValues = enumValues
+  }
+
+  /**
+     * 获取枚举值
+     * @param str
+     * @returns {undefined|*}
+     */
+  static enumValueOf(str: string) {
+    const index = this.enumKeys.indexOf(str)
+    if (index >= 0) {
+      return this.enumValues[index]
+    }
+    return undefined
+  }
+
+  /**
+     * 获取枚举值
+     * @param str
+     * @returns {undefined|*}
+     */
+  static getCode(str: string) {
+    const index = this.enumValues.findIndex(item => item.name === str)
+    if (index !== -1) {
+      return this.enumValues[index].code
+    }
+    return undefined
+  }
+
+  /**
+     * 获取枚举值
+     * @param str
+     * @returns {undefined|*}
+     */
+  static getName(str: string) {
+    const index = this.enumValues.findIndex(item => Number(item.code) === Number(str))
+    if (index !== -1) {
+      return this.enumValues[index].name
+    }
+    return undefined
+  }
+
+  /**
+     * 获取枚举值
+     * @param str
+     * @returns {undefined|*}
+     */
+  static getColor(str: string) {
+    const index = this.enumValues.findIndex(item => Number(item.code) === Number(str))
+
+    if (index !== -1) {
+      return this.enumValues[index].color
+    }
+    return undefined
+  }
+
+  /**
+     * 定义迭代器
+     * @returns {IterableIterator<*>}
+     */
+  static [Symbol.iterator]() {
+    return this.enumValues[Symbol.iterator]()
+  }
+
+  toString() {
+    return `${this.constructor.name}.${this.enumKey}`
+  }
+}
+// demo
+// export class Color extends Enum {
+//   static red = new Color('红色', '#f44336');
+//   static _ = this.insideEnum(); // TypeScript: Color.closeEnum()
+// }
--- a/src/enums/common.ts
+++ b/src/enums/common.ts
@ -0,0 +1,8 @@
+export enum ENUM_STORAGE_KEY {
+  /** 用户token */
+  token = '__TOKEN__',
+  /** 用户刷新token */
+  refreshToken = '__REFRESH_TOKEN__',
+  /** 用户信息 */
+  userInfo = '__USER_INFO__',
+}
--- a/src/enums/index.ts
+++ b/src/enums/index.ts
@ -0,0 +1 @@
+export * from './common'
--- a/src/env.d.ts
+++ b/src/env.d.ts
@ -0,0 +1,18 @@
+/// <reference types="vite/client" />
+// src/types/env.d.ts
+interface ImportMetaEnv {
+  VITE_MODE_NAME: string,
+  VITE_APP_ID: string,
+  VITE_AGENT_ID: string,
+  VITE_LOGIN_TEST: string,
+  VITE_RES_URL: string,
+  VITE_APP_TITLE: string
+}
+
+
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
--- a/src/main.ts
+++ b/src/main.ts
@ -0,0 +1,22 @@
+import { createSSRApp } from 'vue'
+import App from './App.vue'
+// import { setupStore } from './store'
+
+import 'uno.css'
+import '@/style/main.scss'
+import 'virtual:svg-icons-register'
+// import * as Pinia from 'pinia';
+// import { createUnistorage } from './uni_modules/pinia-plugin-unistorage'
+import persist from 'pinia-plugin-persistedstate'
+
+export function createApp() {
+  const app = createSSRApp(App)
+  // 状态管理
+  const pinia = createPinia()
+  //使用pinia插件注册persist组件
+  pinia.use(persist)
+  app.use(pinia)
+  return {
+    app
+  }
+}
--- a/src/manifest.json
+++ b/src/manifest.json
@ -0,0 +1,72 @@
+{
+  "name": "",
+  "appid": "",
+  "description": "",
+  "versionName": "1.0.0",
+  "versionCode": "100",
+  "transformPx": false,
+  /* 5+App特有相关 */
+  "app-plus": {
+    "usingComponents": true,
+    "nvueStyleCompiler": "uni-app",
+    "compilerVersion": 3,
+    "splashscreen": {
+      "alwaysShowBeforeRender": true,
+      "waiting": true,
+      "autoclose": true,
+      "delay": 0
+    },
+    /* 模块配置 */
+    "modules": {},
+    /* 应用发布信息 */
+    "distribute": {
+      /* android打包配置 */
+      "android": {
+        "permissions": [
+          "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+          "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+          "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+          "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+          "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+          "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+          "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+          "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+          "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+          "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+          "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+          "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+          "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+          "<uses-feature android:name=\"android.hardware.camera\"/>",
+          "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+        ]
+      },
+      /* ios打包配置 */
+      "ios": {},
+      /* SDK配置 */
+      "sdkConfigs": {}
+    }
+  },
+  /* 快应用特有相关 */
+  "quickapp": {},
+  /* 小程序特有相关 */
+  "mp-weixin": {
+    "appid": "",
+    "setting": {
+      "urlCheck": false
+    },
+    "usingComponents": true
+  },
+  "mp-alipay": {
+    "usingComponents": true
+  },
+  "mp-baidu": {
+    "usingComponents": true
+  },
+  "mp-toutiao": {
+    "usingComponents": true
+  },
+  "uniStatistics": {
+    "enable": false
+  },
+  "vueVersion": "3"
+}
--- a/src/modal/useLogin.ts
+++ b/src/modal/useLogin.ts
@ -0,0 +1 @@
+
--- a/src/modal/usePermission.ts
+++ b/src/modal/usePermission.ts
@ -0,0 +1,39 @@
+import {useUserStore} from '@/store';
+
+const userStore = useUserStore()
+
+/**
+ * 字符权限校验
+ * @param {Array} value 校验值
+ * @returns {Boolean}
+ */
+export function checkPermission(value = []) {
+    if (!Array.isArray(value)) return false
+
+    const permissions = userStore.Permissions
+    const permissionDatas = value
+    const all_permission = "*:*:*"
+
+    return permissions.some(permission => {
+        return all_permission === permission || permissionDatas.includes(permission)
+    });
+
+}
+
+/**
+ * 角色权限校验
+ * @param {Array} value 校验值
+ * @returns {Boolean}
+ */
+export function checkRole(value = []) {
+    if (!Array.isArray(value)) return false
+    const roles = userStore.Roles
+    const permissionRoles = value
+    const super_admin = "admin"
+
+    return roles.some(role => {
+        return super_admin === role || permissionRoles.includes(role)
+    });
+
+
+}
--- a/src/modal/useStorage.ts
+++ b/src/modal/useStorage.ts
@ -0,0 +1,18 @@
+export default class Storage {
+    private static prefix = 'yw'
+    static set(key: string, value: any) {
+        uni.setStorageSync(this.prefix + key, value)
+    }
+
+    static get(key: string) {
+        return uni.getStorageSync(this.prefix + key)
+    }
+
+    static remove(key: string) {
+        uni.removeStorageSync(this.prefix + key)
+    }
+
+    static clear() {
+        uni.clearStorageSync()
+    }
+}
--- a/src/pages.json
+++ b/src/pages.json
@ -0,0 +1,119 @@
+{
+  "pages": [ // pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+    {
+      "path": "pages/index",
+      "style": {
+        // "navigationBarTitleText": "index",
+        // "enablePullDownRefresh": true,
+        // "onReachBottomDistance": 100,
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/login",
+      "style": {
+        "navigationBarTitleText": "登录"
+      }
+    },
+    {
+      "path": "pages/common/webview/index",
+      "style": {
+        "navigationBarTitleText": "浏览网页"
+      }
+    },
+    {
+      "path": "pages/common/textview/index",
+      "style": {
+        "navigationBarTitleText": "浏览文本"
+      }
+    },
+    {
+      "path": "pages/mine/index",
+      "style": {
+        "navigationBarTitleText": "我的"
+      }
+    },
+    {
+      "path": "pages/work/index",
+      "style": {
+        "navigationBarTitleText": "工作台"
+      }
+    },
+    {
+      "path": "pages/mine/avatar/index",
+      "style": {
+        "navigationBarTitleText": "修改头像"
+      }
+    },
+    {
+      "path": "pages/mine/info/index",
+      "style": {
+        "navigationBarTitleText": "个人信息"
+      }
+    },
+    {
+      "path": "pages/mine/info/edit",
+      "style": {
+        "navigationBarTitleText": "编辑资料"
+      }
+    },
+    {
+      "path": "pages/mine/pwd/index",
+      "style": {
+        "navigationBarTitleText": "修改密码"
+      }
+    },
+    {
+      "path": "pages/mine/setting/index",
+      "style": {
+        "navigationBarTitleText": "应用设置"
+      }
+    },
+    {
+      "path": "pages/mine/help/index",
+      "style": {
+        "navigationBarTitleText": "常见问题"
+      }
+    },
+    {
+      "path": "pages/mine/about/index",
+      "style": {
+        "navigationBarTitleText": "关于我们"
+      }
+    }
+  ],
+  "easycom": {
+    "autoscan": true,
+    "custom": {
+      // uni-ui 规则如下配置
+      "^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
+    }
+  },
+  "tabBar": {
+    "color": "#000000",
+    "selectedColor": "#000000",
+    "borderStyle": "white",
+    "backgroundColor": "#ffffff",
+    "list": [{
+      "pagePath": "pages/index",
+      "iconPath": "static/images/tabbar/home.png",
+      "selectedIconPath": "static/images/tabbar/home_.png",
+      "text": "首页"
+    }, {
+      "pagePath": "pages/work/index",
+      "iconPath": "static/images/tabbar/work.png",
+      "selectedIconPath": "static/images/tabbar/work_.png",
+      "text": "工作台"
+    }, {
+      "pagePath": "pages/mine/index",
+      "iconPath": "static/images/tabbar/mine.png",
+      "selectedIconPath": "static/images/tabbar/mine_.png",
+      "text": "我的"
+    }]
+  },
+  "globalStyle": {
+    "navigationBarTextStyle": "black",
+    "navigationBarTitleText": "RuoYi",
+    "navigationBarBackgroundColor": "#FFFFFF"
+  }
+}
--- a/src/pages/common/textview/index.vue
+++ b/src/pages/common/textview/index.vue
@ -0,0 +1,5 @@
+<script setup lang="ts">
+</script>
+<template>
+  <view>mine</view>
+</template>
--- a/src/pages/common/webview/index.vue
+++ b/src/pages/common/webview/index.vue
@ -0,0 +1,18 @@
+<script setup lang="ts">
+const props = defineProps<{ src: string }>()
+let params = reactive({
+  url: ''
+})
+const webviewStyles = ref('')
+onLoad((event: any) => {
+  params = event
+  event.title && uni.setNavigationBarTitle({
+    title: event.title
+  })
+})
+</script>
+<template>
+  <view v-if="params.url">
+    <web-view :webview-styles="webviewStyles" :src="`${params.url}`"></web-view>
+  </view>
+</template>
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@ -0,0 +1,217 @@
+<script setup lang="ts">
+  import CpIcon from '@/components/CpIcon.vue'
+  import {
+    ref
+  } from 'vue'
+  //导入知识列表组件
+  import KnowledgeList from '@/components/home/KnowledgeList.vue'
+  import type {
+    KnowledgeType
+  } from '@/types/consult'
+  import FollowDoctor from '@/components/home/FollowDoctor.vue'
+  import {
+    useUserStore
+  } from '@/store/user'
+  const store = useUserStore()
+
+  //当前选中的页签
+  const active = ref < KnowledgeType > ('like')
+</script>
+
+<template>
+  <view class="home-page">
+    <!-- 头部 -->
+    <view class="home-header">
+      <view class="con">
+        <h1>{{store.userInfo?.mobile}}</h1>
+        <view class="search">
+          <CpIcon name="home-search" /> 搜一搜：疾病/症状/医生/健康知识
+        </view>
+      </view>
+    </view>
+    <!-- 导航 -->
+    <view class="home-navs">
+      <van-row>
+        <van-col span="8">
+          <router-link to="/" class="nav">
+            <CpIcon name="home-doctor"></CpIcon>
+            <p class="title">问医生</p>
+            <p class="desc">按科室查问医生</p>
+          </router-link>
+        </van-col>
+        <van-col span="8">
+          <router-link to="/consult/fast" class="nav">
+            <CpIcon name="home-graphic"></CpIcon>
+            <p class="title">极速问诊</p>
+            <p class="desc">20s医生极速回复</p>
+          </router-link>
+        </van-col>
+        <van-col span="8">
+          <router-link to="/" class="nav">
+            <CpIcon name="home-prescribe"></CpIcon>
+            <p class="title">开药门诊</p>
+            <p class="desc">线上买药更方便</p>
+          </router-link>
+        </van-col>
+      </van-row>
+      <van-row>
+        <van-col span="6">
+          <router-link to="/" class="nav min">
+            <CpIcon name="home-order"></CpIcon>
+            <p class="title">药品订单</p>
+          </router-link>
+        </van-col>
+        <van-col span="6">
+          <router-link to="/" class="nav min">
+            <CpIcon name="home-docs"></CpIcon>
+            <p class="title">健康档案</p>
+          </router-link>
+        </van-col>
+        <van-col span="6">
+          <router-link to="/" class="nav min">
+            <CpIcon name="home-rp"></CpIcon>
+            <p class="title">我的处方</p>
+          </router-link>
+        </van-col>
+        <van-col span="6">
+          <router-link to="/" class="nav min">
+            <CpIcon name="home-find"></CpIcon>
+            <p class="title">疾病查询</p>
+          </router-link>
+        </van-col>
+      </van-row>
+    </view>
+    <!-- 轮播图 -->
+    <view class="home-banner">
+      <van-swipe indicator-color="#fff">
+        <van-swipe-item>
+          <img src="@/static/images/ad.png" alt="" />
+        </van-swipe-item>
+        <van-swipe-item>
+          <img src="@/static/images/ad.png" alt="" />
+        </van-swipe-item>
+      </van-swipe>
+    </view>
+    <!-- 4、知识列表:关注、推荐、减脂、饮食 -->
+    <van-tabs shrink sticky v-model:active="active">
+      <van-tab name="like" title="关注">
+        <!-- 关注医生列表 -->
+        <FollowDoctor></FollowDoctor>
+        <!-- 知识列表 -->
+        <KnowledgeList type="like"></KnowledgeList>
+      </van-tab>
+      <van-tab name="recommend" title="推荐">
+        <KnowledgeList type="recommend"></KnowledgeList>
+      </van-tab>
+      <van-tab name="fatReduction" title="减脂">
+        <KnowledgeList type="fatReduction"></KnowledgeList>
+      </van-tab>
+      <van-tab name="food" title="饮食">
+        <KnowledgeList type="food"></KnowledgeList>
+      </van-tab>
+    </van-tabs>
+  </view>
+</template>
+
+<style lang="scss" scoped>
+  .home-page {
+    padding-bottom: 50px;
+  }
+
+  .home-header {
+    height: 100px;
+    position: relative;
+
+    &::before {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 90px;
+      background: linear-gradient(180deg, rgba(62, 206, 197, 0.85), #26bcc6);
+      border-bottom-left-radius: 150px 20px;
+      border-bottom-right-radius: 150px 20px;
+    }
+
+    .con {
+      position: relative;
+      padding: 0 15px;
+
+      >h1 {
+        font-size: 18px;
+        color: #fff;
+        font-weight: normal;
+        padding: 20px 0;
+        line-height: 1;
+        padding-left: 5px;
+      }
+
+      .search {
+        height: 40px;
+        border-radius: 20px;
+        box-shadow: 0px 15px 22px -7px rgba(224, 236, 250, 0.8);
+        background-color: #fff;
+        display: flex;
+        align-items: center;
+        padding: 0 20px;
+        color: var(--cp-dark);
+        font-size: 13px;
+
+        .CpIcon {
+          font-size: 16px;
+          margin-right: 5px;
+        }
+      }
+    }
+  }
+
+  .home-navs {
+    padding: 10px 15px 0 15px;
+
+    .nav {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      padding: 10px 0;
+
+      .CpIcon {
+        font-size: 48px;
+      }
+
+      .title {
+        font-weight: 500;
+        margin-top: 5px;
+        color: var(--cp-text1);
+      }
+
+      .desc {
+        font-size: 11px;
+        color: var(--cp-tag);
+        margin-top: 2px;
+      }
+
+      &.min {
+        .CpIcon {
+          font-size: 31px;
+        }
+
+        .title {
+          font-size: 13px;
+          color: var(--cp-text2);
+          font-weight: normal;
+        }
+      }
+    }
+  }
+
+  .home-banner {
+    padding: 10px 15px;
+    height: 100px;
+
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+</style>
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@ -0,0 +1,199 @@
+<script setup lang="ts">
+  import {
+    loginAPI
+  } from '@/api/user'
+  import {
+    useUserStore
+  } from '@/store/user'
+  import {
+    Modal
+  } from '@/plugins/Modal'
+  import {
+    Navigate
+  } from '@/utils'
+  import {
+    showSuccessToast
+  } from 'vant'
+  const store = useUserStore()
+  const loginForm = reactive({
+    username: '',
+    password: '',
+    code: '',
+    uuid: '',
+    mobile: ''
+  })
+
+  const codeUrl = ref('')
+  const captchaEnabled = ref(false)
+
+  // 密码登录
+  const pwdLogin = async () => {
+    // await UserStore.Login(loginForm).catch(err => {
+    //   console.log(err)
+    // })
+    // if (!agree.value) {
+    //   showToast('请勾选我已同意')
+    //   return
+    // }
+    const res = await loginAPI(loginForm.mobile, loginForm.password)
+    // localStorage.setItem('doctor-h5', JSON.stringify(res.data))
+    store.saveUser(res.data)
+    showSuccessToast('登录成功')
+    Navigate.reLaunch('/pages/index')
+  }
+  // 获取图形验证码
+  // const getCode = async () => {
+  //   const res = await LoginService.getCodeImg()
+  //   codeUrl.value = `data:image/gif;base64,${res.data.img}`
+  //   loginForm.uuid = res.data.uuid
+  // }
+  // 登录方法
+  const handleLogin = async () => {
+    if (loginForm.mobile === '') {
+      Modal.msgError('请输入您的账号')
+    } else if (loginForm.password === '') {
+      Modal.msgError('请输入您的密码')
+    }
+    // else if (loginForm.code === '' && captchaEnabled.value) {
+    //   Modal.msgError('请输入验证码')
+    // } 
+    else {
+      // Modal.loading('登录中，请耐心等待...')
+
+      pwdLogin()
+    }
+  }
+  // 隐私协议
+  const handleUserAgreement = () => {
+    Navigate.to('/pages/common/webview/index')
+  }
+  // 用户协议
+  const handlePrivacy = () => {
+    Navigate.to('/pages/common/webview/index')
+  }
+
+
+
+  onLoad(async () => {
+    // getCode()
+  })
+
+  // UserService.getTask('/api/user/list')?.abort()
+</script>
+
+<template>
+  <view class="normal-login-container">
+    <view class="logo-content align-center justify-center flex">
+      <!-- <image style="width: 100rpx;height: 100rpx;" :src="globalConfig.appInfo.logo" mode="widthFix">
+            </image> -->
+      <text class="title">
+        若依移动端登录
+      </text>
+    </view>
+    <view class="login-form-content">
+      <view class="input-item flex align-center">
+        <view class="iconfont icon-user icon" />
+        <input v-model="loginForm.mobile" class="input" type="text" placeholder="请输入账号" maxlength="30">
+      </view>
+      <view class="input-item flex align-center">
+        <view class="iconfont icon-password icon" />
+        <input v-model="loginForm.password" type="password" class="input" placeholder="请输入密码" maxlength="20">
+      </view>
+      <!--      <view class="input-item flex align-center">
+        <view class="iconfont icon-code icon" />
+        <input v-model="loginForm.code" type="number" class="input" placeholder="请输入验证码" maxlength="4">
+        <image :src="codeUrl" class="login-code-img" @click="getCode" />
+      </view> -->
+      <view class="action-btn">
+        <button class="login-btn text-white bg-blue " @click="handleLogin">
+          登录
+        </button>
+      </view>
+    </view>
+
+    <view class="xieyi text-center">
+      <text class="text-grey1">
+        登录即代表同意
+      </text>
+      <text class="text-blue" @click="handleUserAgreement">
+        《用户协议》
+      </text>
+      <text class="text-blue" @click="handlePrivacy">
+        《隐私协议》
+      </text>
+    </view>
+  </view>
+</template>
+
+<style lang="scss" scoped>
+  page {
+    background-color: #ffffff;
+  }
+
+  .normal-login-container {
+    width: 100%;
+
+    .logo-content {
+      width: 100%;
+      font-size: 21px;
+      text-align: center;
+      padding-top: 15%;
+
+      image {
+        border-radius: 4px;
+      }
+
+      .title {
+        margin-left: 10px;
+      }
+    }
+
+    .login-form-content {
+      text-align: center;
+      margin: 15% auto 20px;
+      width: 80%;
+
+      .input-item {
+        margin: 20px auto;
+        background-color: #f5f6f7;
+        height: 45px;
+        line-height: 45px;
+        border-radius: 20px;
+
+        .icon {
+          font-size: 38 rpx;
+          margin-left: 10px;
+          color: #999;
+        }
+
+        .input {
+          width: 100%;
+          height: 100%;
+          font-size: 14px;
+          line-height: 45px;
+          text-align: left;
+          padding-left: 15px;
+        }
+
+      }
+
+      .login-btn {
+        margin-top: 40px;
+        height: 45px;
+      }
+
+      .xieyi {
+        color: #333;
+        margin-top: 20px;
+      }
+    }
+
+    .easyinput {
+      width: 100%;
+    }
+  }
+
+  .login-code-img {
+    height: 45px;
+  }
+</style>
--- a/src/pages/mine/about/index.vue
+++ b/src/pages/mine/about/index.vue
@ -0,0 +1,5 @@
+<script setup lang="ts">
+</script>
+<template>
+  <view>mine</view>
+</template>
--- a/src/pages/mine/avatar/index.vue
+++ b/src/pages/mine/avatar/index.vue
@ -0,0 +1,5 @@
+<script setup lang="ts">
+</script>
+<template>
+  <view>mine</view>
+</template>
--- a/src/pages/mine/help/index.vue
+++ b/src/pages/mine/help/index.vue
@ -0,0 +1,5 @@
+<script setup lang="ts">
+</script>
+<template>
+  <view>mine</view>
+</template>
--- a/src/pages/mine/index.vue
+++ b/src/pages/mine/index.vue
@ -0,0 +1,144 @@
+<script setup lang="ts">
+import {Navigate} from "@/utils";
+
+const windowHeight=ref(0)
+const avatar=ref(true)
+const name=ref('123')
+const handleToAvatar=()=>{
+
+}
+
+const handleToLogin=()=>{
+
+}
+const handleToInfo=()=>{
+  Navigate.to('/pages/mine/info/index')
+}
+
+</script>
+<template>
+  <view class="mine-container" :style="{height: `${windowHeight}px`}">
+    <!--顶部个人信息栏-->
+    <view class="header-section">
+      <view class="flex  justify-between">
+        <view class="flex items-center">
+          <view v-if="!avatar" class="cu-avatar  rounded-1/2 bg-white ">
+            <view class="iconfont icon-people text-gray icon"></view>
+          </view>
+          <image v-if="avatar" @click="handleToAvatar" src="/static/images/profile.jpg" class="cu-avatar !w-100rpx !h-100rpx  rounded-1/2" mode="widthFix">
+          </image>
+          <view v-if="!name" @click="handleToLogin" class="login-tip">
+            点击登录
+          </view>
+          <view v-if="name" @click="handleToInfo" class="user-info">
+            <view class="u_title">
+              用户名：{{ name }}
+            </view>
+          </view>
+        </view>
+        <view @click="handleToInfo" class="flex items-center">
+          <text>个人信息</text>
+          <view class="iconfont icon-right"></view>
+        </view>
+      </view>
+    </view>
+
+    <view class="content-section">
+      <view class="mine-actions grid grid-cols-4 text-center">
+        <view class="action-item" >
+          <view class="icon"></view>
+          <text class="text">交流群</text>
+        </view>
+        <view class="action-item" >
+          <view class="icon"></view>
+          <text class="text">在线客服</text>
+        </view>
+        <view class="action-item" >
+          <view class="icon"></view>
+          <text class="text">反馈社区</text>
+        </view>
+        <view class="action-item" >
+          <view class="icon"></view>
+          <text class="text">点赞我们</text>
+        </view>
+      </view>
+
+        <uni-list class="m-4 rounded-2xl">
+          <navigator url="/pages/mine/info/edit" >
+            <uni-list-item :show-extra-icon="true" showArrow  title="编辑资料" />
+          </navigator>
+          <uni-list-item :show-extra-icon="true" showArrow  title="常见问题" />
+          <uni-list-item :show-extra-icon="true" showArrow  title="关于我们" />
+          <navigator url="/pages/mine/setting/index" >
+          <uni-list-item :show-extra-icon="true" showArrow  title="应用设置" />
+          </navigator>
+        </uni-list>
+
+
+    </view>
+  </view>
+</template>
+<style scoped lang="scss">
+page {
+  background-color: #f5f6f7;
+}
+
+.mine-container {
+  width: 100%;
+  height: 100%;
+
+
+  .header-section {
+    padding: 15px 15px 45px 15px;
+    background-color: #3c96f3;
+    color: white;
+
+    .login-tip {
+      font-size: 18px;
+      margin-left: 10px;
+    }
+
+    .cu-avatar {
+      border: 2px solid #eaeaea;
+
+      .icon {
+        font-size: 40px;
+      }
+    }
+
+    .user-info {
+      margin-left: 15px;
+
+      .u_title {
+        font-size: 18px;
+        line-height: 30px;
+      }
+    }
+  }
+
+  .content-section {
+    position: relative;
+    top: -50px;
+
+    .mine-actions {
+      margin: 15px 15px;
+      padding: 20px 0px;
+      border-radius: 8px;
+      background-color: white;
+
+      .action-item {
+        .icon {
+          font-size: 28px;
+        }
+
+        .text {
+          display: block;
+          font-size: 13px;
+          margin: 8px 0px;
+        }
+      }
+    }
+  }
+}
+</style>
+
--- a/src/pages/mine/info/edit.vue
+++ b/src/pages/mine/info/edit.vue
@ -0,0 +1,116 @@
+<script setup lang="ts">
+import {Modal} from "@/plugins/Modal";
+import {updateUser, UserService} from "@/service/api/system/user";
+
+const user = reactive<updateUser>({
+  nickName: "",
+  phonenumber: "",
+  email: "",
+  sex: ""
+})
+const form = ref(null)
+const sexy = ref([{
+  text: '男',
+  value: "0"
+}, {
+  text: '女',
+  value: "1"
+}])
+const rules = ref({
+  nickName: {
+    rules: [{
+      required: true,
+      errorMessage: '用户昵称不能为空'
+    }]
+  },
+  phonenumber: {
+    rules: [{
+      required: true,
+      errorMessage: '手机号码不能为空'
+    }, {
+      pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+      errorMessage: '请输入正确的手机号码'
+    }]
+  },
+  email: {
+    rules: [{
+      required: true,
+      errorMessage: '邮箱地址不能为空'
+    }, {
+      format: 'email',
+      errorMessage: '请输入正确的邮箱地址'
+    }]
+  }
+})
+const submit = () => {
+  (form.value as any).validate().then(async () => {
+    await UserService.updateUserProfile(user)
+    Modal.msgSuccess('修改成功')
+  })
+}
+onLoad(async()=>{
+ const res =await UserService.getUserProfile()
+  Object.assign(user, res.data.data)
+})
+onShow(async () => {
+  await nextTick()
+  if (form.value != null) {
+    (form.value as any).setRules(rules.value)
+  }
+})
+</script>
+<template>
+  <view class="container">
+    <view class="example">
+      <uni-forms ref="form" :model="user" labelWidth="80px">
+        <uni-forms-item label="用户昵称" name="nickName">
+          <uni-easyinput v-model="user.nickName" placeholder="请输入昵称"/>
+        </uni-forms-item>
+        <uni-forms-item label="手机号码" name="phonenumber">
+          <uni-easyinput v-model="user.phonenumber" placeholder="请输入手机号码"/>
+        </uni-forms-item>
+        <uni-forms-item label="邮箱" name="email">
+          <uni-easyinput v-model="user.email" placeholder="请输入邮箱"/>
+        </uni-forms-item>
+        <uni-forms-item label="性别" name="sex" required>
+          <uni-data-checkbox v-model="user.sex" :localdata="sexy"/>
+        </uni-forms-item>
+      </uni-forms>
+      <button type="primary" @click="submit">提交</button>
+    </view>
+  </view>
+</template>
+<style lang="scss" scoped>
+page {
+  background-color: #ffffff;
+}
+
+.example {
+  padding: 15px;
+  background-color: #fff;
+}
+
+.segmented-control {
+  margin-bottom: 15px;
+}
+
+.button-group {
+  margin-top: 15px;
+  display: flex;
+  justify-content: space-around;
+}
+
+.form-item {
+  display: flex;
+  align-items: center;
+  flex: 1;
+}
+
+.button {
+  display: flex;
+  align-items: center;
+  height: 35px;
+  line-height: 35px;
+  margin-left: 10px;
+}
+</style>
--- a/src/pages/mine/info/index.vue
+++ b/src/pages/mine/info/index.vue
@ -0,0 +1,34 @@
+<script setup lang="ts">
+import {UserService} from "@/service/api/system/user";
+
+let user = ref({
+  nickName: '',
+  phonenumber: '',
+  email: '',
+  createTime: ''
+})
+const postGroup = ref('')
+const roleGroup = ref('')
+const getUser = async () => {
+
+  const res:any = await UserService.getUserProfile()
+  user.value=res.data.data
+  roleGroup.value = res.data.roleGroup
+  postGroup.value = res.data.postGroup
+}
+onLoad(() => {
+  getUser()
+})
+</script>
+<template>
+  <uni-list>
+    <uni-list-item showExtraIcon="true" :extraIcon="{type: 'person-filled'}" title="昵称" :rightText="user.nickName"/>
+    <uni-list-item showExtraIcon="true" :extraIcon="{type: 'phone-filled'}" title="手机号码" :rightText="user.phonenumber"/>
+    <uni-list-item showExtraIcon="true" :extraIcon="{type: 'email-filled'}" title="邮箱" :rightText="user.email"/>
+    <uni-list-item showExtraIcon="true" :extraIcon="{type: 'auth-filled'}" title="岗位" :rightText="postGroup"/>
+    <uni-list-item showExtraIcon="true" :extraIcon="{type: 'staff-filled'}" title="角色" :rightText="roleGroup"/>
+    <uni-list-item showExtraIcon="true" :extraIcon="{type: 'calendar-filled'}" title="创建日期"
+                   :rightText="user.createTime"
+    />
+  </uni-list>
+</template>
--- a/src/pages/mine/pwd/index.vue
+++ b/src/pages/mine/pwd/index.vue
@ -0,0 +1,83 @@
+<script setup lang="ts">
+import {Modal} from "@/plugins/Modal";
+import {UserService} from "@/service/api/system/user";
+import { Navigate} from "@/utils";
+
+const form=ref(null)
+const user = reactive({
+  oldPassword: '',
+  newPassword: '',
+  confirmPassword: '',
+})
+const rules = reactive({
+  oldPassword: {
+    rules: [{
+      required: true,
+      errorMessage: '旧密码不能为空'
+    }]
+  },
+  newPassword: {
+    rules: [{
+      required: true,
+      errorMessage: '新密码不能为空',
+    },
+      {
+        minLength: 6,
+        maxLength: 20,
+        errorMessage: '长度在 6 到 20 个字符'
+      }
+    ]
+  },
+  confirmPassword: {
+    rules: [{
+      required: true,
+      errorMessage: '确认密码不能为空'
+    }, {
+      validateFunction: (rule: any, value: any, data: { newPassword: any; }) => data.newPassword === value,
+      errorMessage: '两次输入的密码不一致'
+    }
+    ]
+  }
+})
+const submit=async ()=>{
+  (form.value as any).validate().then(async () => {
+    await UserService.updateUserPwd({oldPassword:user.oldPassword,newPassword:user.newPassword})
+    Modal.msgSuccess('修改成功')
+    Navigate.back()
+  })
+
+}
+onReady(async () => {
+  await nextTick()
+  if (form.value != null) {
+    (form.value as any).setRules(rules)
+  }
+})
+</script>
+<template>
+  <view class="pwd-retrieve-container">
+    <uni-forms ref="form" :value="user" labelWidth="80px">
+      <uni-forms-item name="oldPassword" label="旧密码">
+        <uni-easyinput type="password" v-model="user.oldPassword" placeholder="请输入旧密码"/>
+      </uni-forms-item>
+      <uni-forms-item name="newPassword" label="新密码">
+        <uni-easyinput type="password" v-model="user.newPassword" placeholder="请输入新密码"/>
+      </uni-forms-item>
+      <uni-forms-item name="confirmPassword" label="确认密码">
+        <uni-easyinput type="password" v-model="user.confirmPassword" placeholder="请确认新密码"/>
+      </uni-forms-item>
+      <button type="primary" @click="submit">提交</button>
+    </uni-forms>
+  </view>
+</template>
+
+<style lang="scss">
+page {
+  background-color: #ffffff;
+}
+
+.pwd-retrieve-container {
+  padding-top: 36rpx;
+  padding: 15px;
+}
+</style>
--- a/src/pages/mine/setting/index.vue
+++ b/src/pages/mine/setting/index.vue
@ -0,0 +1,47 @@
+<script setup lang="ts">
+  import {
+    Modal
+  } from "@/plugins/Modal";
+  import {
+    useUserStore
+  } from '@/store/user'
+  import {
+    Navigate
+  } from "@/utils";
+  import Storage from "@/modal/useStorage";
+  const UserStore = useUserStore()
+  const windowHeight = ref(0)
+  onShow(() => {
+    windowHeight.value = uni.getSystemInfoSync().windowHeight
+  })
+  const handleToPwd = () => {
+    Navigate.to('/pages/mine/pwd/index')
+  }
+  const handleToUpgrade = () => {
+
+  }
+  const handleCleanTmp = () => {
+    Storage.clear()
+  }
+  const handleLogout = () => {
+    console.log('dd')
+    Modal.confirm('确定注销并退出系统吗').then((res) => {
+      if (!res) return
+      // UserStore.LogOut().then(()=>{
+      Navigate.reLaunch('/pages/login')
+      // })
+    })
+  }
+</script>
+<template>
+  <view class="setting-container" :style="{height: `${windowHeight}px`}">
+    <uni-list class="m-4 rounded-2xl">
+
+      <uni-list-item :show-extra-icon="true" showArrow clickable title="修改密码" @click="handleToPwd" />
+      <uni-list-item :show-extra-icon="true" showArrow clickable title="检查更新" @click="handleToUpgrade" />
+      <uni-list-item :show-extra-icon="true" showArrow clickable title="清理缓存" @click="handleCleanTmp" />
+      <uni-list-item :show-extra-icon="true" showArrow clickable title="退出登录" @click="handleLogout" />
+    </uni-list>
+
+  </view>
+</template>
--- a/src/pages/work/index.vue
+++ b/src/pages/work/index.vue
@ -0,0 +1,180 @@
+<script setup lang="ts">
+
+
+import {Modal} from "@/plugins/Modal";
+
+const current=ref(0)
+const swiperDotIndex=ref(0)
+const data=reactive([{
+  image: '/static/images/banner/banner01.jpg'
+},
+  {
+    image: '/static/images/banner/banner02.jpg'
+  },
+  {
+    image: '/static/images/banner/banner03.jpg'
+  }
+])
+const changeSwiper=(e:any)=>{
+ current.value = e.detail.current
+}
+const clickBannerItem=(item:any)=>{
+  console.info(item)
+}
+const changeGrid=()=>{
+  Modal.showToast('模块建设中~')
+}
+</script>
+<template>
+  <view>
+    <view class="work-container">
+      <!-- 轮播图 -->
+      <uni-swiper-dot class="uni-swiper-dot-box" :info="data" :current="current" field="content">
+        <swiper class="swiper-box" :current="swiperDotIndex" @change="changeSwiper">
+          <swiper-item v-for="(item, index) in data" :key="index">
+            <view class="swiper-item" @click="clickBannerItem(item)">
+              <image :src="item.image" mode="aspectFill" :draggable="false" />
+            </view>
+          </swiper-item>
+        </swiper>
+      </uni-swiper-dot>
+
+      <!-- 宫格组件 -->
+      <uni-section title="系统管理" type="line"></uni-section>
+      <view class="grid-body">
+        <uni-grid :column="4" :showBorder="false" @change="changeGrid" :highlight="true">
+          <uni-grid-item>
+            <view class="grid-item-box">
+              <uni-icons type="person-filled" size="30"></uni-icons>
+              <text class="text">用户管理</text>
+            </view>
+          </uni-grid-item>
+          <uni-grid-item>
+            <view class="grid-item-box">
+              <uni-icons type="staff-filled" size="30"></uni-icons>
+              <text class="text">角色管理</text>
+            </view>
+          </uni-grid-item>
+          <uni-grid-item>
+            <view class="grid-item-box">
+              <uni-icons type="color" size="30"></uni-icons>
+              <text class="text">菜单管理</text>
+            </view>
+          </uni-grid-item>
+          <uni-grid-item>
+            <view class="grid-item-box">
+              <uni-icons type="settings-filled" size="30"></uni-icons>
+              <text class="text">部门管理</text>
+            </view>
+          </uni-grid-item>
+          <uni-grid-item>
+            <view class="grid-item-box">
+              <uni-icons type="heart-filled" size="30"></uni-icons>
+              <text class="text">岗位管理</text>
+            </view>
+          </uni-grid-item>
+          <uni-grid-item>
+            <view class="grid-item-box">
+              <uni-icons type="bars" size="30"></uni-icons>
+              <text class="text">字典管理</text>
+            </view>
+          </uni-grid-item>
+          <uni-grid-item>
+            <view class="grid-item-box">
+              <uni-icons type="gear-filled" size="30"></uni-icons>
+              <text class="text">参数设置</text>
+            </view>
+          </uni-grid-item>
+          <uni-grid-item>
+            <view class="grid-item-box">
+              <uni-icons type="chat-filled" size="30"></uni-icons>
+              <text class="text">通知公告</text>
+            </view>
+          </uni-grid-item>
+          <uni-grid-item>
+            <view class="grid-item-box">
+              <uni-icons type="wallet-filled" size="30"></uni-icons>
+              <text class="text">日志管理</text>
+            </view>
+          </uni-grid-item>
+        </uni-grid>
+      </view>
+    </view>
+  </view>
+</template>
+<style lang="scss" scoped>
+/* #ifndef APP-NVUE */
+page {
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  background-color: #fff;
+  min-height: 100%;
+  height: auto;
+}
+
+view {
+  font-size: 14px;
+  line-height: inherit;
+}
+
+/* #endif */
+
+.text {
+  text-align: center;
+  font-size: 26rpx;
+  margin-top: 10rpx;
+}
+
+.grid-item-box {
+  flex: 1;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 15px 0;
+}
+
+.uni-margin-wrap {
+  width: 690rpx;
+  width: 100%;
+;
+}
+
+.swiper {
+  height: 300rpx;
+}
+
+.swiper-box {
+  height: 150px;
+}
+
+.swiper-item {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  color: #fff;
+  height: 300rpx;
+  line-height: 300rpx;
+}
+
+@media screen and (min-width: 500px) {
+  .uni-swiper-dot-box {
+    width: 400px;
+    /* #ifndef APP-NVUE */
+    margin: 0 auto;
+    /* #endif */
+    margin-top: 8px;
+  }
+
+  .image {
+    width: 100%;
+  }
+}
+
+</style>
--- a/src/plugins/Modal.ts
+++ b/src/plugins/Modal.ts
@ -0,0 +1,73 @@
+export class Modal {
+  // 消息提示
+  static msg(content: string) {
+    uni.showToast({
+      title: content,
+      icon: 'none',
+    })
+  }
+  // 错误消息
+  static msgError(content: string) {
+    uni.showToast({
+      title: content,
+      icon: 'error',
+    })
+  }
+  // 成功消息
+  static msgSuccess(content: string) {
+    uni.showToast({
+      title: content,
+      icon: 'success',
+    })
+  }
+  // 隐藏消息
+  static  hideMsg() {
+    uni.hideToast()
+  }
+  // 弹出提示
+  static alert(content: string) {
+    uni.showModal({
+      title: '提示',
+      content,
+      showCancel: false,
+    })
+  }
+  // 确认窗体
+  static confirm(content: string) {
+    return new Promise((resolve) => {
+      uni.showModal({
+        title: '系统提示',
+        content,
+        cancelText: '取消',
+        confirmText: '确定',
+        success(res) {
+          if (res.confirm) {
+            resolve(res.confirm)
+          }
+        },
+      })
+    })
+  }
+  // 提示信息
+  static showToast(option: string) {
+    if (typeof option === 'object') {
+      uni.showToast(option)
+    } else {
+      uni.showToast({
+        title: option,
+        icon: 'none',
+        duration: 2500,
+      })
+    }
+  }
+  // 打开遮罩层
+  static loading(content: string) {
+    uni.showLoading({
+      title: content,
+    })
+  }
+  // 关闭遮罩层
+  static closeLoading() {
+    uni.hideLoading()
+  }
+}
--- a/src/plugins/auth.ts
+++ b/src/plugins/auth.ts
@ -0,0 +1,60 @@
+// import store from '@/store'
+
+// function authPermission(permission) {
+//     const all_permission = "*:*:*"
+//     const permissions = store.getters && store.getters.permissions
+//     if (permission && permission.length > 0) {
+//         return permissions.some(v => {
+//             return all_permission === v || v === permission
+//         })
+//     } else {
+//         return false
+//     }
+// }
+
+// function authRole(role) {
+//     const super_admin = "admin"
+//     const roles = store.getters && store.getters.roles
+//     if (role && role.length > 0) {
+//         return roles.some(v => {
+//             return super_admin === v || v === role
+//         })
+//     } else {
+//         return false
+//     }
+// }
+
+// export default {
+//     // 验证用户是否具备某权限
+//     hasPermi(permission) {
+//         return authPermission(permission)
+//     },
+//     // 验证用户是否含有指定权限，只需包含其中一个
+//     hasPermiOr(permissions) {
+//         return permissions.some(item => {
+//             return authPermission(item)
+//         })
+//     },
+//     // 验证用户是否含有指定权限，必须全部拥有
+//     hasPermiAnd(permissions) {
+//         return permissions.every(item => {
+//             return authPermission(item)
+//         })
+//     },
+//     // 验证用户是否具备某角色
+//     hasRole(role) {
+//         return authRole(role)
+//     },
+//     // 验证用户是否含有指定角色，只需包含其中一个
+//     hasRoleOr(roles) {
+//         return roles.some(item => {
+//             return authRole(item)
+//         })
+//     },
+//     // 验证用户是否含有指定角色，必须全部拥有
+//     hasRoleAnd(roles) {
+//         return roles.every(item => {
+//             return authRole(item)
+//         })
+//     }
+// }
--- a/src/static/.DS_Store
+++ b/src/static/.DS_Store
--- a/src/static/icons/.DS_Store
+++ b/src/static/icons/.DS_Store
--- a/src/static/icons/consult/alipay.svg
+++ b/src/static/icons/consult/alipay.svg
@ -0,0 +1,12 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_784_9534)">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H32C36.4183 0 40 3.58172 40 8V32C40 36.4183 36.4183 40 32 40H8C3.58172 40 0 36.4183 0 32V8Z" fill="white"/>
+<path d="M32.9467 25.1267C38.72 27.0667 40 27.16 40 27.16V6.42C40.0018 5.57698 39.8371 4.74191 39.5155 3.96264C39.1939 3.18337 38.7217 2.47524 38.1259 1.87882C37.5301 1.28241 36.8225 0.809443 36.0435 0.487037C35.2646 0.164631 34.4297 -0.000875577 33.5867 3.4834e-06H6.41335C4.71235 0.00353161 3.08214 0.681268 1.87998 1.88468C0.677817 3.08809 0.00177475 4.71901 1.3883e-05 6.42V33.58C-0.00174104 34.423 0.162898 35.2581 0.484495 36.0374C0.806091 36.8166 1.27832 37.5248 1.87412 38.1212C2.46991 38.7176 3.17756 39.1906 3.95649 39.513C4.73542 39.8354 5.57033 40.0009 6.41335 40H33.5867C35.2877 39.9965 36.9179 39.3187 38.12 38.1153C39.3222 36.9119 39.9982 35.281 40 33.58V33.3333C40 33.3333 29.6133 29 24.36 26.4533C20.8333 30.7733 16.28 33.42 11.5733 33.42C3.57335 33.42 0.90668 26.4533 4.68001 21.84C5.83079 20.5463 7.37411 19.6658 9.07335 19.3333C12.4667 18.4933 17.8867 19.8533 22.9467 21.5267C23.8929 19.7756 24.6462 17.927 25.1933 16.0133H9.58001V14.4533H17.6267V11.6467H7.85335V10.0667H17.6267V6C17.6265 5.90899 17.645 5.8189 17.681 5.73529C17.7169 5.65169 17.7697 5.57633 17.8359 5.51387C17.9021 5.45141 17.9804 5.40317 18.0659 5.37213C18.1515 5.34108 18.2425 5.32787 18.3333 5.33334H22.2733V10.0667H31.92V11.6467H22.2733V14.4867H30.16C29.4626 17.4379 28.3397 20.272 26.8267 22.9C29.2 23.7733 31.3467 24.58 32.9467 25.1267ZM9.74668 21.74C8.3366 21.8696 6.98618 22.3711 5.83335 23.1933C2.75335 25.86 4.58668 30.7733 10.8 30.7733C14.42 30.7733 18.0133 28.4533 20.8667 24.7733C16.8667 22.7733 13.4267 21.3867 9.74668 21.74Z" fill="#00A7EF"/>
+</g>
+<rect x="-953.5" y="-457.5" width="2535" height="1373" rx="39.5" stroke="#EF5533"/>
+<defs>
+<clipPath id="clip0_784_9534">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H32C36.4183 0 40 3.58172 40 8V32C40 36.4183 36.4183 40 32 40H8C3.58172 40 0 36.4183 0 32V8Z" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/src/static/icons/consult/delete.svg
+++ b/src/static/icons/consult/delete.svg
@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="20" cy="20" r="20" fill="#2CB5A5"/>
+<path d="M21.7625 20.0002L27.1375 14.6377C27.3729 14.4024 27.5051 14.0831 27.5051 13.7502C27.5051 13.4174 27.3729 13.0981 27.1375 12.8627C26.9021 12.6274 26.5829 12.4951 26.25 12.4951C25.9171 12.4951 25.5979 12.6274 25.3625 12.8627L20 18.2377L14.6375 12.8627C14.4021 12.6274 14.0829 12.4951 13.75 12.4951C13.4171 12.4951 13.0979 12.6274 12.8625 12.8627C12.6271 13.0981 12.4949 13.4174 12.4949 13.7502C12.4949 14.0831 12.6271 14.4024 12.8625 14.6377L18.2375 20.0002L12.8625 25.3627C12.7453 25.4789 12.6523 25.6172 12.5889 25.7695C12.5254 25.9218 12.4927 26.0852 12.4927 26.2502C12.4927 26.4152 12.5254 26.5786 12.5889 26.731C12.6523 26.8833 12.7453 27.0215 12.8625 27.1377C12.9787 27.2549 13.1169 27.3479 13.2693 27.4113C13.4216 27.4748 13.585 27.5075 13.75 27.5075C13.915 27.5075 14.0784 27.4748 14.2307 27.4113C14.383 27.3479 14.5213 27.2549 14.6375 27.1377L20 21.7627L25.3625 27.1377C25.4787 27.2549 25.6169 27.3479 25.7693 27.4113C25.9216 27.4748 26.085 27.5075 26.25 27.5075C26.415 27.5075 26.5784 27.4748 26.7307 27.4113C26.883 27.3479 27.0213 27.2549 27.1375 27.1377C27.2546 27.0215 27.3476 26.8833 27.4111 26.731C27.4746 26.5786 27.5072 26.4152 27.5072 26.2502C27.5072 26.0852 27.4746 25.9218 27.4111 25.7695C27.3476 25.6172 27.2546 25.4789 27.1375 25.3627L21.7625 20.0002Z" fill="white"/>
+<rect x="-1108.5" y="-248.5" width="2535" height="1373" rx="39.5" stroke="#EF5533"/>
+</svg>
--- a/src/static/icons/consult/doctor.svg
+++ b/src/static/icons/consult/doctor.svg
@ -0,0 +1,30 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="80" height="80" rx="40" fill="url(#paint0_linear_784_9534)"/>
+<g clip-path="url(#clip0_784_9534)">
+<path d="M22.8995 57.9406C22.7295 57.8908 22.572 57.8055 22.4374 57.6903C22.3029 57.5751 22.1943 57.4327 22.1189 57.2724C22.0436 57.1121 22.0031 56.9376 22.0002 56.7605C21.9973 56.5834 22.032 56.4077 22.1021 56.245C23.6501 52.681 28.1915 50.0224 31.6493 48.217C28.7369 45.6322 27.1601 42.547 27.0701 39.217L26.7803 30.2314C26.7803 26.4334 30.2345 22 39.9707 22C49.7393 22 53.2187 26.2516 53.2187 30.2314L52.9055 39.01C52.8767 42.4408 51.3107 45.5944 48.3605 48.208C51.6743 50.008 56.3525 52.6738 57.8987 56.245C57.9685 56.4077 58.003 56.5834 58 56.7604C57.9969 56.9374 57.9564 57.1118 57.881 57.272C57.8057 57.4322 57.6972 57.5746 57.5628 57.6899C57.4284 57.8051 57.2711 57.8906 57.1013 57.9406V58H22.8995V57.9406ZM50.4161 36.3946L50.4827 34.4866C43.5239 32.278 36.5327 32.2672 29.5055 34.456L29.5667 36.31C37.2203 34.3912 44.1701 34.42 50.4179 36.3964L50.4161 36.3946ZM40.0301 32.17C40.1827 32.17 40.3338 32.1399 40.4748 32.0815C40.6158 32.023 40.7439 31.9373 40.8517 31.8293C40.9595 31.7213 41.045 31.5931 41.1032 31.452C41.1615 31.311 41.1913 31.1598 41.1911 31.0072V29.7652H42.6761C42.9843 29.7652 43.2798 29.6428 43.4977 29.4249C43.7156 29.207 43.838 28.9115 43.838 28.6033C43.838 28.2951 43.7156 27.9996 43.4977 27.7817C43.2798 27.5638 42.9843 27.4414 42.6761 27.4414H41.1911V26.1328C41.1973 25.9766 41.1718 25.8208 41.1163 25.6747C41.0607 25.5285 40.9763 25.3951 40.868 25.2825C40.7596 25.1698 40.6297 25.0801 40.4858 25.0189C40.342 24.9577 40.1873 24.9261 40.031 24.9261C39.8747 24.9261 39.72 24.9577 39.5762 25.0189C39.4323 25.0801 39.3024 25.1698 39.194 25.2825C39.0857 25.3951 39.0012 25.5285 38.9457 25.6747C38.8902 25.8208 38.8647 25.9766 38.8709 26.1328V27.4414H37.5929C37.2847 27.4414 36.9892 27.5638 36.7713 27.7817C36.5534 27.9996 36.431 28.2951 36.431 28.6033C36.431 28.9115 36.5534 29.207 36.7713 29.4249C36.9892 29.6428 37.2847 29.7652 37.5929 29.7652H38.8709V31.0072C38.8709 31.6498 39.3911 32.17 40.0319 32.17H40.0301Z" fill="white" fill-opacity="0.85"/>
+<g filter="url(#filter0_d_784_9534)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.6493 48.217C28.7369 45.6322 27.1601 42.547 27.0701 39.217L26.7803 30.2314C26.7803 26.4334 30.2345 22 39.9707 22C49.7393 22 53.2187 26.2516 53.2187 30.2314L52.9055 39.01C52.8767 42.4408 51.3107 45.5944 48.3605 48.208C48.3605 48.208 45.5 50.5 40 50.5C34.5 50.5 31.6493 48.217 31.6493 48.217ZM50.4827 34.4866L50.4161 36.3946L50.4179 36.3964C44.1701 34.42 37.2203 34.3912 29.5667 36.31L29.5055 34.456C36.5327 32.2672 43.5239 32.278 50.4827 34.4866ZM40.0301 32.17C39.3897 32.1695 38.8709 31.6495 38.8709 31.0072V29.7652H37.5929C37.2847 29.7652 36.9892 29.6428 36.7713 29.4249C36.5534 29.207 36.431 28.9115 36.431 28.6033C36.431 28.2951 36.5534 27.9996 36.7713 27.7817C36.9892 27.5638 37.2847 27.4414 37.5929 27.4414H38.8709V26.1328C38.8647 25.9766 38.8902 25.8208 38.9457 25.6747C39.0012 25.5285 39.0857 25.3951 39.194 25.2825C39.3024 25.1698 39.4323 25.0801 39.5761 25.0189C39.72 24.9577 39.8747 24.9261 40.031 24.9261C40.1873 24.9261 40.342 24.9577 40.4858 25.0189C40.6296 25.0801 40.7596 25.1698 40.8679 25.2825C40.9763 25.3951 41.0607 25.5285 41.1163 25.6747C41.1718 25.8208 41.1972 25.9766 41.1911 26.1328V27.4414H42.6761C42.9842 27.4414 43.2798 27.5638 43.4977 27.7817C43.7156 27.9996 43.838 28.2951 43.838 28.6033C43.838 28.9115 43.7156 29.207 43.4977 29.4249C43.2798 29.6428 42.9842 29.7652 42.6761 29.7652H41.1911V31.0072C41.1913 31.1598 41.1615 31.311 41.1032 31.452C41.045 31.5931 40.9595 31.7213 40.8517 31.8293C40.7438 31.9373 40.6158 32.023 40.4748 32.0815C40.3338 32.1399 40.1827 32.17 40.0301 32.17Z" fill="white"/>
+</g>
+</g>
+<rect x="-29.5" y="-94.5" width="601" height="209" rx="19.5" stroke="black"/>
+<rect x="-83.5" y="-183.5" width="2535" height="1373" rx="39.5" stroke="#EF5533"/>
+<defs>
+<filter id="filter0_d_784_9534" x="22.7803" y="19" width="34.4384" height="36.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.345098 0 0 0 0 0.8 0 0 0 0 0.8 0 0 0 0.3 0"/>
+<feBlend mode="multiply" in2="BackgroundImageFix" result="effect1_dropShadow_784_9534"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_784_9534" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_784_9534" x1="19" y1="3.68804e-07" x2="40" y2="80" gradientUnits="userSpaceOnUse">
+<stop stop-color="#91EDE2"/>
+<stop offset="1" stop-color="#0BB2C9"/>
+</linearGradient>
+<clipPath id="clip0_784_9534">
+<rect width="40" height="40" fill="white" transform="translate(20 20)"/>
+</clipPath>
+</defs>
+</svg>
--- a/src/static/icons/consult/download.svg
+++ b/src/static/icons/consult/download.svg
@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.5 17.5V22.1667C24.5 22.7855 24.2542 23.379 23.8166 23.8166C23.379 24.2542 22.7855 24.5 22.1667 24.5H5.83333C5.21449 24.5 4.621 24.2542 4.18342 23.8166C3.74583 23.379 3.5 22.7855 3.5 22.1667V17.5M8.16667 11.6667L14 17.5M14 17.5L19.8333 11.6667M14 17.5V3.5" stroke="#6F6F6F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="-1375.5" y="-461.5" width="2535" height="1373" rx="39.5" stroke="#EF5533"/>
+</svg>
--- a/src/static/icons/consult/img.svg
+++ b/src/static/icons/consult/img.svg
@ -0,0 +1,4 @@
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M39.5834 4.1665H10.4167C8.75908 4.1665 7.16937 4.82498 5.99727 5.99709C4.82517 7.16919 4.16669 8.7589 4.16669 10.4165V39.5832C4.16669 41.2408 4.82517 42.8305 5.99727 44.0026C7.16937 45.1747 8.75908 45.8332 10.4167 45.8332H39.5834C39.926 45.8284 40.2676 45.7935 40.6042 45.729L41.2292 45.5832H41.375H41.4792L42.25 45.2915L42.5209 45.1457C42.7292 45.0207 42.9584 44.9165 43.1667 44.7707C43.4449 44.566 43.7093 44.3433 43.9584 44.104L44.1042 43.9165C44.3087 43.7092 44.4968 43.4863 44.6667 43.2498L44.8542 42.979C44.9997 42.7471 45.1252 42.5031 45.2292 42.2498C45.2863 42.1499 45.3351 42.0454 45.375 41.9373C45.4792 41.6873 45.5417 41.4165 45.625 41.1457V40.8332C45.7431 40.4261 45.8131 40.0066 45.8334 39.5832V10.4165C45.8334 8.7589 45.1749 7.16919 44.0028 5.99709C42.8307 4.82498 41.241 4.1665 39.5834 4.1665ZM10.4167 41.6665C9.86415 41.6665 9.33425 41.447 8.94355 41.0563C8.55285 40.6656 8.33335 40.1357 8.33335 39.5832V30.604L15.1875 23.729C15.3812 23.5337 15.6116 23.3787 15.8655 23.273C16.1194 23.1672 16.3917 23.1128 16.6667 23.1128C16.9417 23.1128 17.214 23.1672 17.4679 23.273C17.7218 23.3787 17.9522 23.5337 18.1459 23.729L36.0625 41.6665H10.4167ZM41.6667 39.5832C41.6647 39.84 41.6153 40.0943 41.5209 40.3332C41.4732 40.4347 41.4175 40.5323 41.3542 40.6248C41.2984 40.713 41.2357 40.7966 41.1667 40.8748L30.0209 29.729L31.8542 27.8957C32.0479 27.7004 32.2783 27.5454 32.5322 27.4396C32.786 27.3339 33.0583 27.2794 33.3334 27.2794C33.6084 27.2794 33.8807 27.3339 34.1346 27.4396C34.3884 27.5454 34.6188 27.7004 34.8125 27.8957L41.6667 34.7707V39.5832ZM41.6667 28.8748L37.75 24.9998C36.5578 23.8686 34.9769 23.2379 33.3334 23.2379C31.6898 23.2379 30.1089 23.8686 28.9167 24.9998L27.0834 26.8332L21.0834 20.8332C19.8911 19.7019 18.3102 19.0713 16.6667 19.0713C15.0231 19.0713 13.4423 19.7019 12.25 20.8332L8.33335 24.7082V10.4165C8.33335 9.86397 8.55285 9.33407 8.94355 8.94337C9.33425 8.55266 9.86415 8.33317 10.4167 8.33317H39.5834C40.1359 8.33317 40.6658 8.55266 41.0565 8.94337C41.4472 9.33407 41.6667 9.86397 41.6667 10.4165V28.8748ZM28.125 12.4998C27.507 12.4998 26.9028 12.6831 26.3889 13.0265C25.875 13.3699 25.4744 13.8579 25.2379 14.429C25.0014 15 24.9395 15.6283 25.0601 16.2345C25.1806 16.8407 25.4783 17.3975 25.9153 17.8345C26.3524 18.2716 26.9092 18.5692 27.5154 18.6898C28.1216 18.8104 28.7499 18.7485 29.3209 18.512C29.8919 18.2754 30.38 17.8749 30.7234 17.361C31.0667 16.8471 31.25 16.2429 31.25 15.6248C31.25 14.796 30.9208 14.0012 30.3347 13.4151C29.7487 12.8291 28.9538 12.4998 28.125 12.4998Z" fill="#848484"/>
+<rect x="-850.5" y="-248.5" width="2535" height="1373" rx="39.5" stroke="#EF5533"/>
+</svg>
--- a/src/static/icons/consult/message.svg
+++ b/src/static/icons/consult/message.svg
@ -0,0 +1,25 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="80" height="80" rx="40" fill="url(#paint0_linear_784_9534)"/>
+<path d="M50.625 51L56.575 55.2C56.7534 55.3259 56.8852 55.5015 56.9517 55.7018C57.0182 55.9022 57.016 56.1171 56.9455 56.3162C56.875 56.5153 56.7397 56.6885 56.5588 56.8112C56.3778 56.934 56.1605 57 55.9375 57H40L50.625 51Z" fill="white" fill-opacity="0.85"/>
+<g filter="url(#filter0_d_784_9534)">
+<path d="M43.1875 23C50.8163 23 57 29.1838 57 36.8125V43.1875C57 50.8163 50.8163 57 43.1875 57H36.8125C29.1838 57 23 50.8163 23 43.1875V36.8125C23 29.1838 29.1838 23 36.8125 23H43.1875ZM31.5 37.875C30.9361 37.8753 30.3955 38.0995 29.997 38.4985C29.5984 38.8974 29.3747 39.4383 29.375 40.0021C29.3753 40.566 29.5995 41.1067 29.9985 41.5052C30.3974 41.9037 30.9383 42.1274 31.5021 42.1271C31.7813 42.127 32.0578 42.0719 32.3157 41.9649C32.5735 41.8579 32.8078 41.7012 33.0052 41.5037C33.2025 41.3061 33.359 41.0717 33.4657 40.8137C33.5724 40.5557 33.6273 40.2792 33.6271 40C33.627 39.7208 33.5719 39.4444 33.4649 39.1865C33.3579 38.9286 33.2012 38.6943 33.0037 38.497C32.8061 38.2996 32.5717 38.1431 32.3137 38.0364C32.0557 37.9297 31.7792 37.8749 31.5 37.875ZM40 37.875C39.4361 37.8753 38.8955 38.0995 38.497 38.4985C38.0984 38.8974 37.8747 39.4383 37.875 40.0021C37.8753 40.566 38.0995 41.1067 38.4985 41.5052C38.8974 41.9037 39.4383 42.1274 40.0021 42.1271C40.566 42.1268 41.1067 41.9026 41.5052 41.5037C41.9037 41.1048 42.1274 40.5639 42.1271 40C42.1268 39.4361 41.9026 38.8955 41.5037 38.497C41.1048 38.0984 40.5639 37.8747 40 37.875ZM48.5 37.875C47.9361 37.8753 47.3955 38.0995 46.997 38.4985C46.5984 38.8974 46.3747 39.4383 46.375 40.0021C46.3753 40.566 46.5995 41.1067 46.9985 41.5052C47.3974 41.9037 47.9383 42.1274 48.5021 42.1271C49.066 42.1268 49.6067 41.9026 50.0052 41.5037C50.4037 41.1048 50.6274 40.5639 50.6271 40C50.6268 39.4361 50.4026 38.8955 50.0037 38.497C49.6048 38.0984 49.0639 37.8747 48.5 37.875Z" fill="white"/>
+</g>
+<rect x="-253.5" y="-94.5" width="601" height="209" rx="19.5" stroke="black"/>
+<rect x="-307.5" y="-183.5" width="2535" height="1373" rx="39.5" stroke="#EF5533"/>
+<defs>
+<filter id="filter0_d_784_9534" x="20" y="20" width="42" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="1" dy="1"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.407843 0 0 0 0 0.678431 0 0 0 0 0.956863 0 0 0 0.3 0"/>
+<feBlend mode="multiply" in2="BackgroundImageFix" result="effect1_dropShadow_784_9534"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_784_9534" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_784_9534" x1="19" y1="3.68804e-07" x2="40" y2="80" gradientUnits="userSpaceOnUse">
+<stop stop-color="#88DFF2"/>
+<stop offset="1" stop-color="#538AF4"/>
+</linearGradient>
+</defs>
+</svg>
--- a/src/static/icons/consult/safe.svg
+++ b/src/static/icons/consult/safe.svg
@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 1.5L3 4.5V13.5C3 18.4711 7.02891 22.5 12 22.5C16.9711 22.5 21 18.4711 21 13.5V4.5L12 1.5ZM19.3125 13.5C19.3125 17.5383 16.0383 20.8125 12 20.8125C7.96172 20.8125 4.6875 17.5383 4.6875 13.5V5.76562L12 3.1875L19.3125 5.76562V13.5Z" fill="#6F6F6F"/>
+<path d="M8.86919 11.1351C8.79098 11.0566 8.69803 10.9942 8.59567 10.9517C8.49331 10.9092 8.38355 10.8873 8.2727 10.8873C8.16185 10.8873 8.05209 10.9092 7.94973 10.9517C7.84737 10.9942 7.75442 11.0566 7.67621 11.1351C7.59765 11.2133 7.53531 11.3063 7.49278 11.4087C7.45024 11.511 7.42834 11.6208 7.42834 11.7316C7.42834 11.8425 7.45024 11.9522 7.49278 12.0546C7.53531 12.157 7.59765 12.2499 7.67621 12.3281L10.709 15.3609L10.7583 15.4101C10.8322 15.4842 10.9201 15.543 11.0168 15.5832C11.1135 15.6233 11.2172 15.6439 11.3219 15.6439C11.4266 15.6439 11.5303 15.6233 11.627 15.5832C11.7238 15.543 11.8116 15.4842 11.8856 15.4101L17.1239 10.1719C17.198 10.0979 17.2568 10.01 17.2969 9.91332C17.337 9.81659 17.3577 9.71291 17.3577 9.6082C17.3577 9.50349 17.337 9.39981 17.2969 9.30309C17.2568 9.20636 17.198 9.1185 17.1239 9.04453L17.0583 8.97891C16.9843 8.9048 16.8964 8.846 16.7997 8.80588C16.703 8.76577 16.5993 8.74512 16.4946 8.74512C16.3899 8.74512 16.2862 8.76577 16.1895 8.80588C16.0928 8.846 16.0049 8.9048 15.9309 8.97891L11.3208 13.5867L8.86919 11.1351Z" fill="#6F6F6F"/>
+<rect x="-855.5" y="-110.5" width="2535" height="1373" rx="39.5" stroke="#EF5533"/>
+</svg>
--- a/src/static/icons/consult/upload.svg
+++ b/src/static/icons/consult/upload.svg
@ -0,0 +1,4 @@
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M39.5834 4.1665H10.4167C8.75908 4.1665 7.16937 4.82498 5.99727 5.99709C4.82517 7.16919 4.16669 8.7589 4.16669 10.4165V39.5832C4.16669 41.2408 4.82517 42.8305 5.99727 44.0026C7.16937 45.1747 8.75908 45.8332 10.4167 45.8332H39.5834C39.926 45.8284 40.2676 45.7935 40.6042 45.729L41.2292 45.5832H41.375H41.4792L42.25 45.2915L42.5209 45.1457C42.7292 45.0207 42.9584 44.9165 43.1667 44.7707C43.4449 44.566 43.7093 44.3433 43.9584 44.104L44.1042 43.9165C44.3087 43.7092 44.4968 43.4863 44.6667 43.2498L44.8542 42.979C44.9997 42.7471 45.1252 42.5031 45.2292 42.2498C45.2863 42.1499 45.3351 42.0454 45.375 41.9373C45.4792 41.6873 45.5417 41.4165 45.625 41.1457V40.8332C45.7431 40.4261 45.8131 40.0066 45.8334 39.5832V10.4165C45.8334 8.7589 45.1749 7.16919 44.0028 5.99709C42.8307 4.82498 41.241 4.1665 39.5834 4.1665ZM10.4167 41.6665C9.86415 41.6665 9.33425 41.447 8.94355 41.0563C8.55285 40.6656 8.33335 40.1357 8.33335 39.5832V30.604L15.1875 23.729C15.3812 23.5337 15.6116 23.3787 15.8655 23.273C16.1194 23.1672 16.3917 23.1128 16.6667 23.1128C16.9417 23.1128 17.214 23.1672 17.4679 23.273C17.7218 23.3787 17.9522 23.5337 18.1459 23.729L36.0625 41.6665H10.4167ZM41.6667 39.5832C41.6647 39.84 41.6153 40.0943 41.5209 40.3332C41.4732 40.4347 41.4175 40.5323 41.3542 40.6248C41.2984 40.713 41.2357 40.7966 41.1667 40.8748L30.0209 29.729L31.8542 27.8957C32.0479 27.7004 32.2783 27.5454 32.5322 27.4396C32.786 27.3339 33.0583 27.2794 33.3334 27.2794C33.6084 27.2794 33.8807 27.3339 34.1346 27.4396C34.3884 27.5454 34.6188 27.7004 34.8125 27.8957L41.6667 34.7707V39.5832ZM41.6667 28.8748L37.75 24.9998C36.5578 23.8686 34.9769 23.2379 33.3334 23.2379C31.6898 23.2379 30.1089 23.8686 28.9167 24.9998L27.0834 26.8332L21.0834 20.8332C19.8911 19.7019 18.3102 19.0713 16.6667 19.0713C15.0231 19.0713 13.4423 19.7019 12.25 20.8332L8.33335 24.7082V10.4165C8.33335 9.86397 8.55285 9.33407 8.94355 8.94337C9.33425 8.55266 9.86415 8.33317 10.4167 8.33317H39.5834C40.1359 8.33317 40.6658 8.55266 41.0565 8.94337C41.4472 9.33407 41.6667 9.86397 41.6667 10.4165V28.8748ZM28.125 12.4998C27.507 12.4998 26.9028 12.6831 26.3889 13.0265C25.875 13.3699 25.4744 13.8579 25.2379 14.429C25.0014 15 24.9395 15.6283 25.0601 16.2345C25.1806 16.8407 25.4783 17.3975 25.9153 17.8345C26.3524 18.2716 26.9092 18.5692 27.5154 18.6898C28.1216 18.8104 28.7499 18.7485 29.3209 18.512C29.8919 18.2754 30.38 17.8749 30.7234 17.361C31.0667 16.8471 31.25 16.2429 31.25 15.6248C31.25 14.796 30.9208 14.0012 30.3347 13.4151C29.7487 12.8291 28.9538 12.4998 28.125 12.4998Z" fill="#848484"/>
+<rect x="-850.5" y="-248.5" width="2535" height="1373" rx="39.5" stroke="#EF5533"/>
+</svg>
--- a/src/static/icons/consult/wechat.svg
+++ b/src/static/icons/consult/wechat.svg
@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H32C36.4183 0 40 3.58172 40 8V32C40 36.4183 36.4183 40 32 40H8C3.58172 40 0 36.4183 0 32V8Z" fill="white"/>
+<path d="M35.0001 0H4.99989C2.24933 0 0 2.24979 0 4.99989V35.0001C0 37.7507 2.24979 40 4.99989 40H35.0001C37.7507 40 40 37.7502 40 35.0001V4.99989C40 2.24933 37.7502 0 35.0001 0ZM20 30.7505C18.2501 30.7505 16.7496 30.5001 15.2505 29.9998C14.2503 30.5001 12.7503 31.7497 12.2505 32.0001C11.2503 32.4999 11.4998 31.4998 11.4998 31.4998L12.0001 28.4998C9.00007 26.5004 7.24967 23.2499 7.24967 19.7501C7.24967 13.4996 12.9998 8.50022 20 8.50022C24.2506 8.50022 28.2494 10.5001 30.4996 13.2502L18.0006 18.9998C18.0006 18.9998 17.0004 19.5001 16.0003 18.7504L14.0004 17.2504C14.0004 17.2504 12.5004 15.9998 13.2502 17.9997L15.25 22.5002C15.25 22.5002 15.5004 23.7498 17.0004 23C18.251 22.5002 27.5001 16.7505 31.5002 14.4998C32.2509 15.9998 32.7499 17.7502 32.7499 19.5001C32.7499 25.5002 27.0007 30.7505 20.0005 30.7505H20Z" fill="#48B338"/>
+<rect x="-852.5" y="-457.5" width="2535" height="1373" rx="39.5" stroke="#EF5533"/>
+</svg>
--- a/src/static/icons/home/article-active.svg
+++ b/src/static/icons/home/article-active.svg
@ -0,0 +1,7 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-180.5" y="-44.5" width="716" height="310" rx="19.5" stroke="black"/>
+<path d="M34.2335 10.3443C34.2335 9.56969 34.8566 8.94345 35.62 8.94345C35.8017 8.94371 35.9816 8.98016 36.1493 9.05073C36.3171 9.1213 36.4694 9.2246 36.5975 9.35472C36.7257 9.48483 36.8272 9.6392 36.8963 9.809C36.9654 9.9788 37.0006 10.1607 37 10.3443V34.5306C37 35.727 36.54 36.8477 35.7048 37.6915C34.8697 38.5353 33.7605 39 32.5795 39H9.18211C5.97851 39 3.33602 36.5247 3.02936 33.3671L3.00326 33.4099L3 32.8529V7.44046C3 4.3257 4.80081 1 9.85089 1H29.165C30.7277 1 32 2.28545 32 3.86426V27.9879H9.18211C7.29975 27.9879 5.41086 29.102 5.41086 32.0124C5.41086 33.9142 7.29975 36.2017 9.18211 36.2017H32.3414C32.5899 36.2021 32.836 36.1528 33.0656 36.0566C33.2952 35.9604 33.5036 35.8193 33.6789 35.6413C34.0378 35.2788 34.2335 34.8009 34.2335 34.29V10.3443Z" fill="#16C2A3"/>
+<rect x="10" y="13" width="15" height="3" rx="1.5" fill="white"/>
+<rect x="16" y="22" width="15" height="3" rx="1.5" transform="rotate(-90 16 22)" fill="white"/>
+<rect x="8" y="30.5" width="24" height="3" rx="1.5" fill="#16C2A3"/>
+</svg>
--- a/src/static/icons/home/article-default.svg
+++ b/src/static/icons/home/article-default.svg
@ -0,0 +1,7 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-180.5" y="-188.5" width="716" height="310" rx="19.5" stroke="black"/>
+<path d="M34.2335 10.3443C34.2335 9.56969 34.8566 8.94345 35.62 8.94345C35.8017 8.94371 35.9816 8.98016 36.1493 9.05073C36.3171 9.1213 36.4694 9.2246 36.5975 9.35472C36.7257 9.48483 36.8272 9.6392 36.8963 9.809C36.9654 9.9788 37.0006 10.1607 37 10.3443V34.5306C37 35.727 36.54 36.8477 35.7048 37.6915C34.8697 38.5353 33.7605 39 32.5795 39H9.18211C5.97851 39 3.33602 36.5247 3.02936 33.3671L3.00326 33.4099L3 32.8529V7.44046C3 4.3257 4.80081 1 9.85089 1H29.165C30.7277 1 32 2.28545 32 3.86426V27.9879H9.18211C7.29975 27.9879 5.41086 29.102 5.41086 32.0124C5.41086 33.9142 7.29975 36.2017 9.18211 36.2017H32.3414C32.5899 36.2021 32.836 36.1528 33.0656 36.0566C33.2952 35.9604 33.5036 35.8193 33.6789 35.6413C34.0378 35.2788 34.2335 34.8009 34.2335 34.29V10.3443Z" fill="#E5EEED"/>
+<rect x="10" y="13" width="15" height="3" rx="1.5" fill="white"/>
+<rect x="16" y="22" width="15" height="3" rx="1.5" transform="rotate(-90 16 22)" fill="white"/>
+<rect x="8" y="30.5" width="24" height="3" rx="1.5" fill="#E5EEED"/>
+</svg>
--- a/src/static/icons/home/docs.svg
+++ b/src/static/icons/home/docs.svg
@ -0,0 +1,48 @@
+<svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M46.9364 55H15.0581C10.0758 55 6 50.6845 6 45.4056V16.5944C6 11.3155 10.0758 7 15.0581 7L21.4526 7.11268C22.5703 7.11268 23.649 7.54085 24.4942 8.32394L29.2762 12.8817C30.1159 13.6648 31.1946 14.093 32.3178 14.093H46.9419C51.9242 14.093 56 18.4084 56 23.6873V45.4056C55.9944 50.6845 51.9186 55 46.9364 55Z" fill="#FFA552"/>
+<path opacity="0.69" d="M44.2746 55.0001H17.731C11.2787 55.0001 6 49.4658 6 42.701V25.3808C6 23.8937 7.15141 22.6924 8.56424 22.6924H53.4358C54.8542 22.6924 56 23.8995 56 25.3808V42.701C56.0056 49.4658 50.7269 55.0001 44.2746 55.0001Z" fill="#FFE5A0"/>
+<path opacity="0.69" d="M44.2746 55H17.731C11.2787 55 6 50.2036 6 44.3408V29.33C6 28.0412 7.15141 27 8.56424 27H53.4358C54.8542 27 56 28.0462 56 29.33V44.3408C56.0056 50.2036 50.7269 55 44.2746 55Z" fill="#FFE5A0"/>
+<g filter="url(#filter0_b_781_8517)">
+<path d="M48.1757 41.6675H13.8243C12.0644 41.6675 10.6296 40.2397 10.6296 38.5008V20.8341C10.6296 19.0897 12.0701 17.6675 13.8243 17.6675H48.1757C49.9356 17.6675 51.3704 19.0953 51.3704 20.8341V38.4953C51.376 40.2397 49.9356 41.6675 48.1757 41.6675Z" fill="white"/>
+</g>
+<g filter="url(#filter1_b_781_8517)">
+<path d="M46.8398 55H15.1657C10.1268 55 6 50.8754 6 45.8269V27H56V45.8269C56.0056 50.8754 51.8787 55 46.8398 55Z" fill="#FFCC4A" fill-opacity="0.2"/>
+<path d="M55.5 27.5H56V45.8269C56.0056 50.8754 51.8787 55 46.8398 55H15.1657C10.1268 55 6 50.8754 6 45.8269V27.5H6.5M55.5 27.5V27H6.5V27.5M55.5 27.5H6.5M55.5 27.5V45.8269V45.8274C55.5052 50.5995 51.6025 54.5 46.8398 54.5H15.1657C10.4031 54.5 6.5 50.5995 6.5 45.8269V27.5" stroke="url(#paint0_linear_781_8517)"/>
+</g>
+<g filter="url(#filter2_d_781_8517)">
+<path d="M23 38.8307C23 37.8696 23.2794 36.9303 23.8024 36.133C24.3254 35.3357 25.0683 34.7167 25.9361 34.355C26.8039 33.9934 27.7571 33.9056 28.6737 34.1029C29.5904 34.3001 30.4289 34.7735 31.0819 35.4625C31.7349 34.7735 32.5734 34.3001 33.4901 34.1029C34.4067 33.9056 35.3599 33.9934 36.2277 34.355C37.0955 34.7167 37.8384 35.3357 38.3614 36.133C38.8844 36.9303 39.1638 37.8696 39.1638 38.8307C39.1656 39.5852 38.9943 40.3295 38.6637 41.0034C38.333 41.6773 37.8525 42.2618 37.2608 42.7097L31.9337 47.2141C31.6375 47.4646 31.2641 47.5988 30.8803 47.5926C30.4965 47.5865 30.1273 47.4403 29.8389 47.1804L24.6503 42.5035C24.1324 42.0505 23.7166 41.4875 23.4316 40.8533C23.1466 40.2191 22.9994 39.529 23 38.8307Z" fill="url(#paint1_linear_781_8517)" shape-rendering="crispEdges"/>
+</g>
+<rect x="-193.5" y="-19.5" width="623" height="101" rx="4.5" stroke="#9747FF" stroke-dasharray="10 5"/>
+<defs>
+<filter id="filter0_b_781_8517" x="6.62964" y="13.6675" width="48.7407" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImage" stdDeviation="2"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_781_8517"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_781_8517" result="shape"/>
+</filter>
+<filter id="filter1_b_781_8517" x="2" y="23" width="58" height="36" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImage" stdDeviation="2"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_781_8517"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_781_8517" result="shape"/>
+</filter>
+<filter id="filter2_d_781_8517" x="14" y="25" width="36.1638" height="33.5928" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="1" dy="1"/>
+<feGaussianBlur stdDeviation="5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.9875 0 0 0 0 0.636937 0 0 0 0 0.111094 0 0 0 0.51 0"/>
+<feBlend mode="multiply" in2="BackgroundImageFix" result="effect1_dropShadow_781_8517"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_781_8517" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_781_8517" x1="6" y1="26" x2="52.085" y2="53.6449" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.67"/>
+<stop offset="1" stop-color="white" stop-opacity="0.27"/>
+</linearGradient>
+<linearGradient id="paint1_linear_781_8517" x1="25" y1="34" x2="36" y2="49.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.79"/>
+<stop offset="1" stop-color="white" stop-opacity="0.24"/>
+</linearGradient>
+</defs>
+</svg>
--- a/src/static/icons/home/doctor.svg
+++ b/src/static/icons/home/doctor.svg
@ -0,0 +1,81 @@
+<svg width="92" height="92" viewBox="0 0 92 92" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g>
+<ellipse cx="46" cy="78" rx="16" ry="6" fill="#15CFCF" fill-opacity="0.5"/>
+</g>
+<g>
+<mask id="mask0_781_8517" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="7" y="44" width="78" height="42">
+<path d="M7 61.4589L35.8859 47.3156C42.2667 44.1914 49.7333 44.1914 56.1141 47.3157L85 61.4589V85.9999H7V61.4589Z" fill="#25D9C3"/>
+</mask>
+<g mask="url(#mask0_781_8517)">
+<path d="M7 68.9446C7 64.3633 9.60849 60.1817 13.7231 58.1671L33.6872 48.3922C41.4552 44.5888 50.5448 44.5888 58.3128 48.3922L78.2769 58.1671C82.3915 60.1817 85 64.3633 85 68.9446V79.9999C85 83.3136 82.3137 85.9999 79 85.9999H13C9.68629 85.9999 7 83.3136 7 79.9999V68.9446Z" fill="url(#paint0_linear_781_8517)"/>
+<path d="M29.6544 28.7043H69.8732V44.711C69.8732 52.9953 63.1574 59.711 54.8732 59.711H44.6544C36.3701 59.711 29.6544 52.9953 29.6544 44.711V28.7043Z" fill="#0DB9B9"/>
+</g>
+<g>
+<path d="M26.5 22.9695H65.5V38.2725C65.5 46.5568 58.7843 53.2725 50.5 53.2725H41.5C33.2157 53.2725 26.5 46.5568 26.5 38.2725V22.9695Z" fill="#6DF0DF" fill-opacity="0.5" shape-rendering="crispEdges"/>
+<path d="M27 23.4695H65V38.2725C65 46.2806 58.5081 52.7725 50.5 52.7725H41.5C33.4919 52.7725 27 46.2806 27 38.2725V23.4695Z" stroke="url(#paint1_linear_781_8517)" shape-rendering="crispEdges"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.5 6C30.0817 6 26.5 9.58172 26.5 14V20.5454H65.5V14C65.5 9.58172 61.9183 6 57.5 6H34.5Z" fill="url(#paint2_linear_781_8517)"/>
+<g filter="url(#filter3_d_781_8517)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.5073 77.7272C28.5073 78.2795 28.955 78.7272 29.5073 78.7272H33.6011C34.1533 78.7272 34.6011 78.2795 34.6011 77.7272V72.6666H39.6948C40.2471 72.6666 40.6948 72.2189 40.6948 71.6666V67.606C40.6948 67.0537 40.2471 66.606 39.6948 66.606H34.6011V61.5454C34.6011 60.9931 34.1533 60.5454 33.6011 60.5454L29.5073 60.5454C28.955 60.5454 28.5073 60.9931 28.5073 61.5454L28.5073 66.606H23.4136C22.8613 66.606 22.4136 67.0537 22.4136 67.606V71.6666C22.4136 72.2189 22.8613 72.6666 23.4136 72.6666H28.5073L28.5073 77.7272Z" fill="white"/>
+</g>
+</g>
+<defs>
+<filter x="14" y="56" width="64" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="8" result="effect1_foregroundBlur_781_8517"/>
+</filter>
+<filter id="filter1_b_781_8517" x="3" y="2" width="86" height="88" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImage" stdDeviation="2"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_781_8517"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_781_8517" result="shape"/>
+</filter>
+<filter id="filter2_bdii_781_8517" x="18.5" y="14.9695" width="57" height="49.303" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImage" stdDeviation="4"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_781_8517"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="1" dy="2"/>
+<feGaussianBlur stdDeviation="4.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.72549 0 0 0 0 0.972549 0 0 0 0 0.941176 0 0 0 1 0"/>
+<feBlend mode="multiply" in2="effect1_backgroundBlur_781_8517" result="effect2_dropShadow_781_8517"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_781_8517" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.341667 0 0 0 0 1 0 0 0 0 1 0 0 0 0.15 0"/>
+<feBlend mode="normal" in2="shape" result="effect3_innerShadow_781_8517"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="4"/>
+<feGaussianBlur stdDeviation="6.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.35 0"/>
+<feBlend mode="normal" in2="effect3_innerShadow_781_8517" result="effect4_innerShadow_781_8517"/>
+</filter>
+<filter id="filter3_d_781_8517" x="15.4136" y="54.5454" width="34.2812" height="34.1819" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="1" dy="2"/>
+<feGaussianBlur stdDeviation="4"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0588235 0 0 0 0 0.648941 0 0 0 0 0.835294 0 0 0 0.2 0"/>
+<feBlend mode="multiply" in2="BackgroundImageFix" result="effect1_dropShadow_781_8517"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_781_8517" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_781_8517" x1="23.0588" y1="42.5714" x2="80.2351" y2="91.3499" gradientUnits="userSpaceOnUse">
+<stop stop-color="#22E7E7"/>
+<stop offset="1" stop-color="#09C3CF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_781_8517" x1="25.8906" y1="22.9695" x2="44.6328" y2="53.3641" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.59"/>
+<stop offset="1" stop-color="white" stop-opacity="0.15"/>
+</linearGradient>
+<linearGradient id="paint2_linear_781_8517" x1="31.6618" y1="6" x2="64.2981" y2="23.8148" gradientUnits="userSpaceOnUse">
+<stop stop-color="#21E5E6"/>
+<stop offset="1" stop-color="#15CFCF"/>
+</linearGradient>
+</defs>
+</svg>
--- a/src/static/icons/home/find.svg
+++ b/src/static/icons/home/find.svg
@ -0,0 +1,50 @@
+<svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
+<g>
+<path d="M47.0284 41.9703C49.9437 37.9911 51.5116 33.1846 51.5035 28.2518C51.5035 15.4096 41.0939 5 28.2517 5C15.4096 5 5 15.4096 5 28.2518C5 41.0939 15.4096 51.5035 28.2517 51.5035C33.3814 51.5035 38.1248 49.8419 41.9703 47.0284L47.7474 52.8056C48.4184 53.4764 49.3284 53.8531 50.2772 53.8529C51.2259 53.8527 52.1357 53.4757 52.8065 52.8047C53.4772 52.1337 53.854 51.2238 53.8538 50.275C53.8536 49.3262 53.4766 48.4164 52.8056 47.7457L47.0284 41.9685V41.9703Z" fill="#F9D67D"/>
+</g>
+<rect x="36.2382" y="42.7153" width="9.15992" height="20.2015" rx="4.57996" transform="rotate(-45 36.2382 42.7153)" fill="#FAA270"/>
+<g>
+<path d="M47.7463 28.4087C47.7463 33.5373 45.7089 38.4559 42.0824 42.0824C38.4559 45.7089 33.5373 47.7463 28.4087 47.7463C23.28 47.7463 18.3614 45.7089 14.7349 42.0824C11.1084 38.4559 9.07104 33.5373 9.07104 28.4087C9.07104 23.28 11.1084 18.3614 14.7349 14.7349C18.3614 11.1084 23.28 9.07104 28.4087 9.07104C33.5373 9.07104 38.4559 11.1084 42.0824 14.7349C45.7089 18.3614 47.7463 23.28 47.7463 28.4087Z" fill="url(#paint0_linear_781_8517)" fill-opacity="0.38"/>
+<path d="M46.9963 28.4087C46.9963 33.3384 45.0379 38.0662 41.5521 41.5521C38.0662 45.0379 33.3384 46.9963 28.4087 46.9963C23.4789 46.9963 18.7511 45.0379 15.2652 41.5521C11.7794 38.0662 9.82104 33.3384 9.82104 28.4087C9.82104 23.4789 11.7794 18.7511 15.2652 15.2652C18.7511 11.7794 23.4789 9.82104 28.4087 9.82104C33.3384 9.82104 38.0662 11.7794 41.5521 15.2652C45.0379 18.7511 46.9963 23.4789 46.9963 28.4087Z" stroke="url(#paint1_linear_781_8517)" stroke-width="1.5"/>
+</g>
+<g>
+<path d="M15.125 30C15.6886 30 16.2291 29.7761 16.6276 29.3776C17.0261 28.9791 17.25 28.4386 17.25 27.875C17.25 25.0571 18.3694 22.3546 20.362 20.362C22.3546 18.3694 25.0571 17.25 27.875 17.25C28.1541 17.25 28.4304 17.195 28.6882 17.0882C28.946 16.9815 29.1803 16.8249 29.3776 16.6276C29.5749 16.4303 29.7315 16.196 29.8382 15.9382C29.945 15.6804 30 15.4041 30 15.125C30 14.8459 29.945 14.5696 29.8382 14.3118C29.7315 14.054 29.5749 13.8197 29.3776 13.6224C29.1803 13.4251 28.946 13.2685 28.6882 13.1618C28.4304 13.055 28.1541 13 27.875 13C25.9216 13 23.9873 13.3848 22.1826 14.1323C20.3779 14.8798 18.7381 15.9755 17.3568 17.3568C15.9755 18.7381 14.8798 20.3779 14.1323 22.1826C13.3848 23.9873 13 25.9216 13 27.875C13 28.1541 13.055 28.4304 13.1618 28.6882C13.2685 28.946 13.4251 29.1803 13.6224 29.3776C13.8197 29.5749 14.054 29.7315 14.3118 29.8382C14.5696 29.945 14.8459 30 15.125 30Z" fill="url(#paint2_linear_781_8517)" shape-rendering="crispEdges"/>
+</g>
+<rect x="-541.5" y="-19.5" width="623" height="101" rx="4.5" stroke="#9747FF" stroke-dasharray="10 5"/>
+<defs>
+<filter id="filter0_b_781_8517" x="1" y="1" width="56.8538" height="56.853" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImage" stdDeviation="2"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_781_8517"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_781_8517" result="shape"/>
+</filter>
+<filter id="filter1_b_781_8517" x="5.07104" y="5.07104" width="46.6752" height="46.6753" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImage" stdDeviation="2"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_781_8517"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_781_8517" result="shape"/>
+</filter>
+<filter id="filter2_d_781_8517" x="5" y="7" width="33" height="33" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="4"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.615686 0 0 0 0 0.211765 0 0 0 0.49 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_781_8517"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_781_8517" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_781_8517" x1="13.5" y1="15" x2="42.5" y2="46.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.01"/>
+</linearGradient>
+<linearGradient id="paint1_linear_781_8517" x1="13.1421" y1="13.651" x2="45.7107" y2="47.7463" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.63"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_781_8517" x1="12.9258" y1="15.3443" x2="37.1096" y2="38.9236" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
--- a/src/static/icons/home/graphic.svg
+++ b/src/static/icons/home/graphic.svg
@ -0,0 +1,70 @@
+<svg width="92" height="92" viewBox="0 0 92 92" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_f_781_8517)">
+<ellipse cx="36.1184" cy="70.8182" rx="13.6184" ry="7.09091" fill="#54A3FF" fill-opacity="0.78"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M73.1493 72.074C83.287 65.7839 89.9999 54.8186 89.9999 42.3438C89.9999 22.8239 73.564 7 53.2894 7C33.0147 7 16.5789 22.8239 16.5789 42.3438C16.5789 61.8636 33.0147 77.6875 53.2894 77.6875C55.0655 77.6875 56.8121 77.5661 58.5209 77.3314L70.7421 84.7562C70.9656 84.8921 71.2314 84.9747 71.5097 84.9951C71.788 85.0154 72.0678 84.9725 72.3177 84.8713C72.5676 84.7701 72.7777 84.6145 72.9246 84.422C73.0715 84.2294 73.1493 84.0076 73.1493 83.7812V72.074Z" fill="url(#paint0_linear_781_8517)"/>
+<mask id="mask0_781_8517" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="7" width="74" height="78">
+<path d="M73.1494 72.074C83.287 65.7838 89.9999 54.8185 89.9999 42.3438C89.9999 22.8239 73.564 7 53.2894 7C33.0147 7 16.5789 22.8239 16.5789 42.3438C16.5789 61.8636 33.0147 77.6875 53.2894 77.6875C55.0655 77.6875 56.8122 77.5661 58.5209 77.3314L70.7421 84.7563C70.9657 84.8921 71.2315 84.9748 71.5098 84.9951C71.788 85.0154 72.0678 84.9726 72.3177 84.8713C72.5676 84.7701 72.7778 84.6145 72.9247 84.422C73.0716 84.2295 73.1494 84.0076 73.1494 83.7813V72.074Z" fill="#3F99FF"/>
+</mask>
+<g mask="url(#mask0_781_8517)">
+<path d="M8.05623 72.2311C2.4969 68.7817 -1.18433 62.7685 -1.18433 55.9275C-1.18433 45.2231 7.82889 36.5454 18.9472 36.5454C30.0656 36.5454 39.0788 45.2231 39.0788 55.9275C39.0788 66.6319 30.0656 75.3095 18.9472 75.3095C17.9732 75.3095 17.0154 75.2429 16.0783 75.1142L9.37633 79.1859C9.25375 79.2604 9.108 79.3058 8.95539 79.3169C8.80278 79.3281 8.64936 79.3046 8.51231 79.2491C8.37527 79.1935 8.26001 79.1082 8.17945 79.0026C8.0989 78.897 8.05623 78.7754 8.05623 78.6513V72.2311Z" fill="#2C8CF8"/>
+</g>
+<g filter="url(#filter1_d_781_8517)">
+<path d="M48.988 47.6395H42.6328C41.803 47.6395 41.2307 46.7904 41.5259 45.9982L47.8409 29.0524C47.9264 28.8231 48.0779 28.6258 48.2755 28.4865C48.4731 28.3473 48.7074 28.2727 48.9474 28.2727H59.6036C60.4444 28.2727 61.0176 29.1436 60.7002 29.9398L57.0233 39.1665H63.9453C64.9634 39.1665 65.5065 40.3933 64.8351 41.1754L47.8638 60.9453C47.0388 61.9066 45.5092 61.0736 45.8293 59.8376L48.988 47.6395Z" fill="white"/>
+</g>
+<g filter="url(#filter2_bdii_781_8517)">
+<mask id="path-6-inside-1_781_8517" fill="white">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4252 67.9007C5.35645 64.7556 2.00006 59.273 2.00006 53.0356C2.00006 43.2757 10.218 35.3638 20.3553 35.3638C30.4926 35.3638 38.7106 43.2757 38.7106 53.0356C38.7106 62.7956 30.4926 70.7075 20.3553 70.7075C19.4672 70.7075 18.5939 70.6468 17.7395 70.5294L11.6289 74.2419C11.5171 74.3098 11.3842 74.3511 11.2451 74.3613C11.1059 74.3715 10.966 74.35 10.8411 74.2994C10.7161 74.2488 10.611 74.171 10.5376 74.0748C10.4641 73.9785 10.4252 73.8676 10.4252 73.7544V67.9007Z"/>
+</mask>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4252 67.9007C5.35645 64.7556 2.00006 59.273 2.00006 53.0356C2.00006 43.2757 10.218 35.3638 20.3553 35.3638C30.4926 35.3638 38.7106 43.2757 38.7106 53.0356C38.7106 62.7956 30.4926 70.7075 20.3553 70.7075C19.4672 70.7075 18.5939 70.6468 17.7395 70.5294L11.6289 74.2419C11.5171 74.3098 11.3842 74.3511 11.2451 74.3613C11.1059 74.3715 10.966 74.35 10.8411 74.2994C10.7161 74.2488 10.611 74.171 10.5376 74.0748C10.4641 73.9785 10.4252 73.8676 10.4252 73.7544V67.9007Z" fill="#0066FF" fill-opacity="0.13" shape-rendering="crispEdges"/>
+<path d="M10.4252 67.9007L10.9525 67.051L11.4252 67.3443V67.9007H10.4252ZM17.7395 70.5294L17.2203 69.6748L17.5238 69.4904L17.8756 69.5387L17.7395 70.5294ZM11.6289 74.2419L12.1481 75.0965L11.6289 74.2419ZM11.2451 74.3613L11.3179 75.3587L11.3179 75.3587L11.2451 74.3613ZM10.8411 74.2994L11.2165 73.3726L11.2165 73.3726L10.8411 74.2994ZM10.5376 74.0748L9.74255 74.6813L9.74255 74.6813L10.5376 74.0748ZM3.00006 53.0356C3.00006 58.9013 6.15511 64.0743 10.9525 67.051L9.898 68.7504C4.55779 65.4369 1.00006 59.6447 1.00006 53.0356H3.00006ZM20.3553 36.3638C10.7342 36.3638 3.00006 43.8634 3.00006 53.0356H1.00006C1.00006 42.688 9.7018 34.3638 20.3553 34.3638V36.3638ZM37.7106 53.0356C37.7106 43.8634 29.9765 36.3638 20.3553 36.3638V34.3638C31.0088 34.3638 39.7106 42.688 39.7106 53.0356H37.7106ZM20.3553 69.7075C29.9765 69.7075 37.7106 62.2078 37.7106 53.0356H39.7106C39.7106 63.3833 31.0088 71.7075 20.3553 71.7075V69.7075ZM17.8756 69.5387C18.685 69.6499 19.5129 69.7075 20.3553 69.7075V71.7075C19.4216 71.7075 18.5028 71.6437 17.6034 71.5201L17.8756 69.5387ZM18.2587 71.3841L12.1481 75.0965L11.1096 73.3873L17.2203 69.6748L18.2587 71.3841ZM12.1481 75.0965C11.8919 75.2521 11.6042 75.3377 11.3179 75.3587L11.1722 73.364C11.1669 73.3644 11.1596 73.3654 11.1501 73.3684C11.1407 73.3713 11.1268 73.3768 11.1096 73.3873L12.1481 75.0965ZM11.3179 75.3587C11.0314 75.3796 10.7377 75.3365 10.4657 75.2263L11.2165 73.3726C11.2045 73.3677 11.1953 73.3656 11.1891 73.3647C11.183 73.3637 11.1775 73.3636 11.1722 73.364L11.3179 75.3587ZM10.4657 75.2263C10.194 75.1163 9.93664 74.9357 9.74255 74.6813L11.3326 73.4682C11.2854 73.4063 11.2383 73.3814 11.2165 73.3726L10.4657 75.2263ZM9.74255 74.6813C9.54608 74.4238 9.42523 74.1026 9.42523 73.7544H11.4252C11.4252 73.6326 11.3822 73.5332 11.3326 73.4682L9.74255 74.6813ZM9.42523 73.7544V67.9007H11.4252V73.7544H9.42523Z" fill="url(#paint1_linear_781_8517)" mask="url(#path-6-inside-1_781_8517)"/>
+</g>
+<defs>
+<filter id="filter0_f_781_8517" x="6.5" y="47.7273" width="59.2368" height="46.1819" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="8" result="effect1_foregroundBlur_781_8517"/>
+</filter>
+<filter id="filter1_d_781_8517" x="33.4473" y="22.2727" width="39.6842" height="49.0908" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="4"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.284091 0 0 0 0 1 0 0 0 0.2 0"/>
+<feBlend mode="multiply" in2="BackgroundImageFix" result="effect1_dropShadow_781_8517"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_781_8517" result="shape"/>
+</filter>
+<filter id="filter2_bdii_781_8517" x="-6" y="27.3638" width="54.7106" height="58" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImage" stdDeviation="4"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_781_8517"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="1" dy="2"/>
+<feGaussianBlur stdDeviation="4.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.176471 0 0 0 0 0.654118 0 0 0 0 1 0 0 0 0.15 0"/>
+<feBlend mode="multiply" in2="effect1_backgroundBlur_781_8517" result="effect2_dropShadow_781_8517"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_781_8517" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.341667 0 0 0 0 0.68795 0 0 0 0 1 0 0 0 0.15 0"/>
+<feBlend mode="normal" in2="shape" result="effect3_innerShadow_781_8517"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="4"/>
+<feGaussianBlur stdDeviation="6.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.35 0"/>
+<feBlend mode="normal" in2="effect3_innerShadow_781_8517" result="effect4_innerShadow_781_8517"/>
+</filter>
+<linearGradient id="paint0_linear_781_8517" x1="36.1183" y1="12.9091" x2="72.12" y2="85.0582" gradientUnits="userSpaceOnUse">
+<stop stop-color="#49B3FF"/>
+<stop offset="1" stop-color="#346DFF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_781_8517" x1="3.77637" y1="46.591" x2="38.1062" y2="57.2667" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.51"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
--- a/src/static/icons/home/index-active.svg
+++ b/src/static/icons/home/index-active.svg
@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-39.5" y="-44.5" width="716" height="310" rx="19.5" stroke="black"/>
+<path d="M37 36.0782C37 36.5879 36.801 37.0767 36.4468 37.4371C36.0925 37.7975 35.6121 38 35.1111 38H4.88889C4.38793 38 3.90748 37.7975 3.55324 37.4371C3.19901 37.0767 3 36.5879 3 36.0782V15.8804C2.9998 15.5875 3.06539 15.2985 3.19175 15.0354C3.31812 14.7723 3.50192 14.542 3.72911 14.3622L18.8402 2.40491C19.1718 2.14248 19.5799 2 20 2C20.4201 2 20.8282 2.14248 21.1598 2.40491L36.2709 14.3622C36.4981 14.542 36.6819 14.7723 36.8082 15.0354C36.9346 15.2985 37.0002 15.5875 37 15.8804V36.0782ZM18.1111 24.5476V32.2347C18.1111 32.7444 18.3101 33.2332 18.6644 33.5936C19.0186 33.954 19.499 34.1565 20 34.1565C20.501 34.1565 20.9814 33.954 21.3356 33.5936C21.6899 33.2332 21.8889 32.7444 21.8889 32.2347V24.5476C21.8889 24.0379 21.6899 23.5491 21.3356 23.1887C20.9814 22.8283 20.501 22.6258 20 22.6258C19.499 22.6258 19.0186 22.8283 18.6644 23.1887C18.3101 23.5491 18.1111 24.0379 18.1111 24.5476V24.5476Z" fill="#16C2A3"/>
+</svg>
--- a/src/static/icons/home/index-default.svg
+++ b/src/static/icons/home/index-default.svg
@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-37.5" y="-188.5" width="716" height="310" rx="19.5" stroke="black"/>
+<path d="M39 36.0782C39 36.5879 38.801 37.0767 38.4468 37.4371C38.0925 37.7975 37.6121 38 37.1111 38H6.88889C6.38793 38 5.90748 37.7975 5.55324 37.4371C5.19901 37.0767 5 36.5879 5 36.0782V15.8804C4.9998 15.5875 5.06539 15.2985 5.19175 15.0354C5.31812 14.7723 5.50192 14.542 5.72911 14.3622L20.8402 2.40491C21.1718 2.14248 21.5799 2 22 2C22.4201 2 22.8282 2.14248 23.1598 2.40491L38.2709 14.3622C38.4981 14.542 38.6819 14.7723 38.8082 15.0354C38.9346 15.2985 39.0002 15.5875 39 15.8804V36.0782ZM20.1111 24.5476V32.2347C20.1111 32.7444 20.3101 33.2332 20.6644 33.5936C21.0186 33.954 21.499 34.1565 22 34.1565C22.501 34.1565 22.9814 33.954 23.3356 33.5936C23.6899 33.2332 23.8889 32.7444 23.8889 32.2347V24.5476C23.8889 24.0379 23.6899 23.5491 23.3356 23.1887C22.9814 22.8283 22.501 22.6258 22 22.6258C21.499 22.6258 21.0186 22.8283 20.6644 23.1887C20.3101 23.5491 20.1111 24.0379 20.1111 24.5476V24.5476Z" fill="#E5EEED"/>
+</svg>
--- a/src/static/icons/home/mine-active.svg
+++ b/src/static/icons/home/mine-active.svg
@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-467.5" y="-44.5" width="716" height="310" rx="19.5" stroke="black"/>
+<path d="M19.9991 2C23.1849 1.99972 26.2881 2.97331 28.859 4.77971C31.4299 6.58611 33.3349 9.13148 34.2981 12.047C35.2612 14.9625 35.2325 18.0967 34.216 20.9955C33.1995 23.8943 31.2481 26.4071 28.6444 28.1697L32.5499 36.7381C32.6127 36.8753 32.6387 37.0253 32.6258 37.1746C32.6129 37.3239 32.5613 37.4677 32.4759 37.593C32.3904 37.7183 32.2737 37.8212 32.1364 37.8922C31.999 37.9633 31.8454 38.0004 31.6893 38H8.30878C8.153 38.0002 7.99962 37.9632 7.8625 37.8922C7.72538 37.8212 7.60884 37.7186 7.52342 37.5935C7.438 37.4684 7.38639 37.3249 7.37325 37.1759C7.36012 37.0268 7.38587 36.877 7.44818 36.7399L11.3537 28.1697H11.3556C8.75207 26.4071 6.80069 23.8945 5.78415 20.9959C4.7676 18.0973 4.7387 14.9633 5.70163 12.0479C6.66456 9.13243 8.5693 6.58705 11.1399 4.78051C13.7105 2.97397 16.8134 2.0001 19.9991 2V2ZM16.3804 17.4214C16.1654 17.0139 15.7971 16.7002 15.3501 16.5438C14.9031 16.3873 14.4109 16.3999 13.9732 16.5789C13.5355 16.7579 13.185 17.0899 12.9928 17.5077C12.8006 17.9255 12.781 18.3979 12.938 18.829C13.4584 20.2252 14.4151 21.433 15.6773 22.2875C16.9396 23.1421 18.4458 23.6016 19.9903 23.6034C21.5348 23.6051 23.0422 23.1491 24.3066 22.2974C25.5709 21.4458 26.5306 20.2402 27.0545 18.8452C27.2236 18.3962 27.1999 17.9011 26.9888 17.4689C26.7776 17.0366 26.3963 16.7025 25.9286 16.5402C25.4609 16.3779 24.9452 16.4006 24.495 16.6033C24.0447 16.806 23.6968 17.1722 23.5277 17.6212C23.2652 18.3182 22.7852 18.9205 22.153 19.3459C21.5209 19.7713 20.7675 19.9992 19.9955 19.9984C19.2235 19.9976 18.4706 19.7682 17.8394 19.3415C17.2082 18.9148 16.7295 18.3115 16.4685 17.614L16.3804 17.4214Z" fill="#16C2A3"/>
+</svg>
--- a/src/static/icons/home/mine-default.svg
+++ b/src/static/icons/home/mine-default.svg
@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-466.5" y="-188.5" width="716" height="310" rx="19.5" stroke="black"/>
+<path d="M20.9991 2C24.1849 1.99972 27.2881 2.97331 29.859 4.77971C32.4299 6.58611 34.3349 9.13148 35.2981 12.047C36.2612 14.9625 36.2325 18.0967 35.216 20.9955C34.1995 23.8943 32.2481 26.4071 29.6444 28.1697L33.5499 36.7381C33.6127 36.8753 33.6387 37.0253 33.6258 37.1746C33.6129 37.3239 33.5613 37.4677 33.4759 37.593C33.3904 37.7183 33.2737 37.8212 33.1364 37.8922C32.999 37.9633 32.8454 38.0004 32.6893 38H9.30878C9.153 38.0002 8.99962 37.9632 8.8625 37.8922C8.72538 37.8212 8.60884 37.7186 8.52342 37.5935C8.438 37.4684 8.38639 37.3249 8.37325 37.1759C8.36012 37.0268 8.38587 36.877 8.44818 36.7399L12.3537 28.1697H12.3556C9.75207 26.4071 7.80069 23.8945 6.78415 20.9959C5.7676 18.0973 5.7387 14.9633 6.70163 12.0479C7.66456 9.13243 9.5693 6.58705 12.1399 4.78051C14.7105 2.97397 17.8134 2.0001 20.9991 2V2ZM17.3804 17.4214C17.1654 17.0139 16.7971 16.7002 16.3501 16.5438C15.9031 16.3873 15.4109 16.3999 14.9732 16.5789C14.5355 16.7579 14.185 17.0899 13.9928 17.5077C13.8006 17.9255 13.781 18.3979 13.938 18.829C14.4584 20.2252 15.4151 21.433 16.6773 22.2875C17.9396 23.1421 19.4458 23.6016 20.9903 23.6034C22.5348 23.6051 24.0422 23.1491 25.3066 22.2974C26.5709 21.4458 27.5306 20.2402 28.0545 18.8452C28.2236 18.3962 28.1999 17.9011 27.9888 17.4689C27.7776 17.0366 27.3963 16.7025 26.9286 16.5402C26.4609 16.3779 25.9452 16.4006 25.495 16.6033C25.0447 16.806 24.6968 17.1722 24.5277 17.6212C24.2652 18.3182 23.7852 18.9205 23.153 19.3459C22.5209 19.7713 21.7675 19.9992 20.9955 19.9984C20.2235 19.9976 19.4706 19.7682 18.8394 19.3415C18.2082 18.9148 17.7295 18.3115 17.4685 17.614L17.3804 17.4214Z" fill="#E5EEED"/>
+</svg>
--- a/src/static/icons/home/notice-active.svg
+++ b/src/static/icons/home/notice-active.svg
@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-324.5" y="-44.5" width="716" height="310" rx="19.5" stroke="black"/>
+<path d="M33.6 27.7143H35.3C35.7509 27.7143 36.1833 27.8949 36.5021 28.2164C36.8209 28.5379 37 28.9739 37 29.4286C37 29.8832 36.8209 30.3193 36.5021 30.6408C36.1833 30.9622 35.7509 31.1429 35.3 31.1429H4.7C4.24913 31.1429 3.81673 30.9622 3.49792 30.6408C3.17911 30.3193 3 29.8832 3 29.4286C3 28.9739 3.17911 28.5379 3.49792 28.2164C3.81673 27.8949 4.24913 27.7143 4.7 27.7143H6.4V15.7143C6.4 12.077 7.83285 8.58875 10.3833 6.01682C12.9338 3.44489 16.3931 2 20 2C23.6069 2 27.0662 3.44489 29.6167 6.01682C32.1671 8.58875 33.6 12.077 33.6 15.7143V27.7143ZM16.6 34.5714H23.4C23.8508 34.5715 24.2832 34.7521 24.6019 35.0736C24.9207 35.3951 25.0997 35.8311 25.0997 36.2857C25.0997 36.7403 24.9207 37.1763 24.6019 37.4978C24.2832 37.8193 23.8508 37.9999 23.4 38H16.6C16.1492 37.9999 15.7168 37.8193 15.3981 37.4978C15.0793 37.1763 14.9003 36.7403 14.9003 36.2857C14.9003 35.8311 15.0793 35.3951 15.3981 35.0736C15.7168 34.7521 16.1492 34.5715 16.6 34.5714Z" fill="#16C2A3"/>
+<path d="M25.4642 6.3394C24.8233 6.08301 24.0958 6.39478 23.8394 7.03576C23.583 7.67674 23.8948 8.4042 24.5358 8.6606L25.4642 6.3394ZM28.2743 13.2451C28.4097 13.9221 29.0682 14.3611 29.7451 14.2257C30.4221 14.0903 30.8611 13.4318 30.7257 12.7549L28.2743 13.2451ZM24.5358 8.6606C26.6105 9.4905 27.8499 11.1232 28.2743 13.2451L30.7257 12.7549C30.1501 9.87677 28.3895 7.5095 25.4642 6.3394L24.5358 8.6606Z" fill="white"/>
+</svg>
--- a/src/static/icons/home/notice-default.svg
+++ b/src/static/icons/home/notice-default.svg
@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-323.5" y="-188.5" width="716" height="310" rx="19.5" stroke="black"/>
+<path d="M34.6 27.7143H36.3C36.7509 27.7143 37.1833 27.8949 37.5021 28.2164C37.8209 28.5379 38 28.9739 38 29.4286C38 29.8832 37.8209 30.3193 37.5021 30.6408C37.1833 30.9622 36.7509 31.1429 36.3 31.1429H5.7C5.24913 31.1429 4.81673 30.9622 4.49792 30.6408C4.17911 30.3193 4 29.8832 4 29.4286C4 28.9739 4.17911 28.5379 4.49792 28.2164C4.81673 27.8949 5.24913 27.7143 5.7 27.7143H7.4V15.7143C7.4 12.077 8.83285 8.58875 11.3833 6.01682C13.9338 3.44489 17.3931 2 21 2C24.6069 2 28.0662 3.44489 30.6167 6.01682C33.1671 8.58875 34.6 12.077 34.6 15.7143V27.7143ZM17.6 34.5714H24.4C24.8508 34.5715 25.2832 34.7521 25.6019 35.0736C25.9207 35.3951 26.0997 35.8311 26.0997 36.2857C26.0997 36.7403 25.9207 37.1763 25.6019 37.4978C25.2832 37.8193 24.8508 37.9999 24.4 38H17.6C17.1492 37.9999 16.7168 37.8193 16.3981 37.4978C16.0793 37.1763 15.9003 36.7403 15.9003 36.2857C15.9003 35.8311 16.0793 35.3951 16.3981 35.0736C16.7168 34.7521 17.1492 34.5715 17.6 34.5714Z" fill="#E5EEED"/>
+<path d="M26.4642 6.3394C25.8233 6.08301 25.0958 6.39478 24.8394 7.03576C24.583 7.67674 24.8948 8.4042 25.5358 8.6606L26.4642 6.3394ZM29.2743 13.2451C29.4097 13.9221 30.0682 14.3611 30.7451 14.2257C31.4221 14.0903 31.8611 13.4318 31.7257 12.7549L29.2743 13.2451ZM25.5358 8.6606C27.6105 9.4905 28.8499 11.1232 29.2743 13.2451L31.7257 12.7549C31.1501 9.87677 29.3895 7.5095 26.4642 6.3394L25.5358 8.6606Z" fill="white"/>
+</svg>
--- a/src/static/icons/home/order.svg
+++ b/src/static/icons/home/order.svg
@ -0,0 +1,87 @@
+<svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 19.0222C5 16.6847 6.35749 14.56 8.47855 13.5777L24.4785 6.16774C26.0779 5.42704 27.9221 5.42704 29.5215 6.16774L45.5215 13.5777C47.6425 14.56 49 16.6847 49 19.0222V48.7305C49 53.0771 44.5222 55.9814 40.5534 54.209L29.4466 49.2489C27.8896 48.5536 26.1104 48.5536 24.5534 49.2489L13.4466 54.209C9.47781 55.9814 5 53.0771 5 48.7305V19.0222Z" fill="#4DB4FF"/>
+<g filter="url(#filter0_d_781_8517)">
+<rect x="10" y="22.3208" width="27" height="4.07547" rx="2.03774" fill="url(#paint0_linear_781_8517)" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter1_d_781_8517)">
+<rect x="10" y="31.4905" width="16" height="4.07547" rx="2.03774" fill="url(#paint1_linear_781_8517)" shape-rendering="crispEdges"/>
+</g>
+<mask id="mask0_781_8517" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="31" y="32" width="26" height="27">
+<path d="M31 45.7548C31 53.0704 36.8199 59.0001 44 59.0001C51.1798 59.0001 57 53.0704 57 45.7548C57 38.4395 51.1798 32.5095 44 32.5095C36.8199 32.5095 31 38.4396 31 45.7548Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_781_8517)">
+<g filter="url(#filter2_bi_781_8517)">
+<path d="M31 45.7548C31 53.0704 36.8199 59.0001 44 59.0001C51.1798 59.0001 57 53.0704 57 45.7548C57 38.4395 51.1798 32.5095 44 32.5095C36.8199 32.5095 31 38.4396 31 45.7548Z" fill="#00AAFF" fill-opacity="0.3"/>
+<path d="M31 45.7548C31 53.0704 36.8199 59.0001 44 59.0001C51.1798 59.0001 57 53.0704 57 45.7548C57 38.4395 51.1798 32.5095 44 32.5095C36.8199 32.5095 31 38.4396 31 45.7548Z" stroke="url(#paint2_linear_781_8517)"/>
+</g>
+</g>
+<g filter="url(#filter3_d_781_8517)">
+<path d="M48.8894 40.7734C48.1489 40.0189 47.1734 39.6416 46.1979 39.6416C45.2224 39.6416 44.2469 40.0189 43.5064 40.7734L41.6863 42.6263L40.9294 43.3975L39.1108 45.2519C37.6297 46.7609 37.6297 49.229 39.1108 50.7365C39.8513 51.491 40.8268 51.8682 41.8023 51.8682C42.7778 51.8682 43.7532 51.491 44.4938 50.7365L46.3124 48.8835L47.0693 48.1124L48.8879 46.2594C50.3705 44.7504 50.3705 42.2824 48.8894 40.7734ZM43.7369 49.9653C43.2224 50.4895 42.5354 50.7774 41.8023 50.7774C41.0692 50.7774 40.3807 50.4895 39.8677 49.9653C39.3532 49.4411 39.0706 48.7411 39.0706 47.9942C39.0706 47.2472 39.3532 46.5458 39.8677 46.0231L41.6863 44.1701L45.5555 48.1124L43.7369 49.9653Z" fill="url(#paint3_linear_781_8517)" shape-rendering="crispEdges"/>
+<path d="M43.8631 41.1237L43.8632 41.1236C44.5063 40.4685 45.3516 40.1416 46.1979 40.1416C47.0442 40.1416 47.8895 40.4685 48.5325 41.1236C49.8227 42.4381 49.8227 44.5945 48.5312 45.909L48.5311 45.9092L46.7124 47.7621L45.9556 48.5333L44.1369 50.3862C43.4939 51.0414 42.6486 51.3682 41.8023 51.3682C40.9559 51.3682 40.1106 51.0414 39.4676 50.3862L39.4675 50.386C38.1776 49.0732 38.1774 46.9168 39.4676 45.6021L39.4678 45.602L41.2863 43.7477L41.2864 43.7475L42.043 42.9767L42.0431 42.9765L43.8631 41.1237ZM47.0693 48.1124L48.8879 46.2594L39.1108 45.2519C37.6297 46.7609 37.6297 49.229 39.1108 50.7365C39.8513 51.491 40.8268 51.8682 41.8023 51.8682C42.7778 51.8682 43.7532 51.491 44.4938 50.7365L46.3124 48.8835L47.0693 48.1124ZM42.0431 43.8199L41.6863 43.4563L41.3295 43.8199L39.5114 45.6723C39.5113 45.6724 39.5113 45.6724 39.5112 45.6725C38.9023 46.2911 38.5706 47.1196 38.5706 47.9942C38.5706 48.8692 38.9025 49.6956 39.5107 50.3153C40.1182 50.936 40.9356 51.2774 41.8023 51.2774C42.6695 51.2774 43.4851 50.9356 44.0937 50.3155L45.9123 48.4626L46.2561 48.1124L45.9123 47.7621L42.0431 43.8199Z" stroke="url(#paint4_linear_781_8517)" shape-rendering="crispEdges"/>
+</g>
+<rect x="-19.5" y="-19.5" width="623" height="101" rx="4.5" stroke="#9747FF" stroke-dasharray="10 5"/>
+<defs>
+<filter id="filter0_d_781_8517" x="2" y="15.3208" width="43" height="20.0754" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="4"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.666667 0 0 0 0 1 0 0 0 0.73 0"/>
+<feBlend mode="multiply" in2="BackgroundImageFix" result="effect1_dropShadow_781_8517"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_781_8517" result="shape"/>
+</filter>
+<filter id="filter1_d_781_8517" x="2" y="24.4905" width="32" height="20.0754" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="4"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.666667 0 0 0 0 1 0 0 0 0.73 0"/>
+<feBlend mode="multiply" in2="BackgroundImageFix" result="effect1_dropShadow_781_8517"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_781_8517" result="shape"/>
+</filter>
+<filter id="filter2_bi_781_8517" x="29.5" y="31.0095" width="29" height="29.4905" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImage" stdDeviation="0.5"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_781_8517"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_781_8517" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="1" dy="1"/>
+<feGaussianBlur stdDeviation="5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_781_8517"/>
+</filter>
+<filter id="filter3_d_781_8517" x="30" y="32.6416" width="28" height="28.2266" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="4"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.666667 0 0 0 0 1 0 0 0 0.52 0"/>
+<feBlend mode="multiply" in2="BackgroundImageFix" result="effect1_dropShadow_781_8517"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_781_8517" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_781_8517" x1="10" y1="22.6343" x2="36.9153" y2="24.2242" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.61"/>
+</linearGradient>
+<linearGradient id="paint1_linear_781_8517" x1="10" y1="31.804" x2="25.9859" y2="32.3636" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.61"/>
+</linearGradient>
+<linearGradient id="paint2_linear_781_8517" x1="36.7197" y1="35.1586" x2="49.559" y2="57.7362" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.42"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_781_8517" x1="42.5" y1="41.6793" x2="47.6355" y2="49.744" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.52"/>
+</linearGradient>
+<linearGradient id="paint4_linear_781_8517" x1="38" y1="39.6416" x2="46.2028" y2="51.2148" gradientUnits="userSpaceOnUse">
+<stop offset="0.3081" stop-color="white" stop-opacity="0.68"/>
+<stop offset="1" stop-color="white" stop-opacity="0.28"/>
+</linearGradient>
+</defs>
+</svg>
--- a/src/static/icons/home/prescribe.svg
+++ b/src/static/icons/home/prescribe.svg
@ -0,0 +1,62 @@
+<svg width="92" height="92" viewBox="0 0 92 92" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_f_781_8517)">
+<ellipse cx="46" cy="75" rx="16" ry="6" fill="#FFA959" fill-opacity="0.82"/>
+</g>
+<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M64.8382 28.6798C65.1911 28.8198 65.5694 28.8919 65.9515 28.8919C66.7226 28.8911 67.4619 28.5972 68.0069 28.0747C68.5518 27.5522 68.858 26.8439 68.858 26.1054V14.563C68.8557 12.5585 68.0235 10.6366 66.5438 9.21888C65.0642 7.80111 63.0578 7.00316 60.9648 7H30.6941C28.6005 7.00237 26.5933 7.79997 25.113 9.21783C23.6326 10.6357 22.8 12.558 22.7977 14.563V26.1054C22.7914 26.4751 22.862 26.8423 23.0054 27.1857C23.1487 27.529 23.362 27.8416 23.6328 28.1052C23.9036 28.3688 24.2264 28.5781 24.5825 28.721C24.9386 28.8639 25.3208 28.9375 25.7069 28.9375C26.093 28.9375 26.4753 28.8639 26.8314 28.721C27.1875 28.5781 27.5103 28.3688 27.7811 28.1052C28.0519 27.8416 28.2651 27.529 28.4085 27.1857C28.5519 26.8423 28.6224 26.4751 28.6161 26.1054V14.563C28.6167 14.0354 28.8359 13.5296 29.2254 13.1565C29.615 12.7834 30.1431 12.5736 30.6941 12.573H60.9648C61.5157 12.5736 62.0438 12.7834 62.4334 13.1565C62.823 13.5296 63.0421 14.0354 63.0427 14.563V26.1054C63.0426 26.4713 63.1178 26.8336 63.2639 27.1717C63.41 27.5098 63.6243 27.8169 63.8944 28.0757C64.1645 28.3345 64.4852 28.5397 64.8382 28.6798ZM74.2479 33.8126H17.7522C13.9578 33.8126 12.0607 35.6969 12.0607 39.4655V79.3472C12.0607 83.1158 13.9578 85.0001 17.7522 85.0001H74.2479C78.0423 85.0001 79.9395 83.1158 79.9395 79.3472V39.4655C79.9395 35.6969 78.0423 33.8126 74.2479 33.8126Z" fill="url(#paint0_linear_781_8517)"/>
+<g filter="url(#filter1_bdii_781_8517)">
+<path d="M6 32.4062C6 25.7788 11.3726 20.4062 18 20.4062H74C80.6274 20.4062 86 25.7788 86 32.4062V43.4062C86 52.2428 78.8366 59.4062 70 59.4062H22C13.1634 59.4062 6 52.2428 6 43.4062V32.4062Z" fill="#FAB02E" fill-opacity="0.15" shape-rendering="crispEdges"/>
+<path d="M6.5 32.4062C6.5 26.055 11.6487 20.9062 18 20.9062H74C80.3513 20.9062 85.5 26.055 85.5 32.4062V43.4062C85.5 51.9667 78.5604 58.9062 70 58.9062H22C13.4396 58.9062 6.5 51.9667 6.5 43.4062V32.4062Z" stroke="url(#paint1_linear_781_8517)" shape-rendering="crispEdges"/>
+</g>
+<g filter="url(#filter2_d_781_8517)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M42.3636 69.375C42.3636 69.9273 42.8114 70.375 43.3636 70.375H48.6364C49.1887 70.375 49.6364 69.9273 49.6364 69.375V63.0626H55.909C56.4613 63.0626 56.909 62.6149 56.909 62.0626V56.7501C56.909 56.1979 56.4613 55.7501 55.909 55.7501H49.6364V49.4375C49.6364 48.8852 49.1887 48.4375 48.6364 48.4375L43.3636 48.4375C42.8114 48.4375 42.3636 48.8852 42.3636 49.4375L42.3636 55.7501H36.0908C35.5385 55.7501 35.0908 56.1979 35.0908 56.7501V62.0626C35.0908 62.6149 35.5385 63.0626 36.0908 63.0626H42.3636L42.3636 69.375Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_f_781_8517" x="14" y="53" width="64" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="8" result="effect1_foregroundBlur_781_8517"/>
+</filter>
+<filter id="filter1_bdii_781_8517" x="-2" y="12.4062" width="98" height="58" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImage" stdDeviation="4"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_781_8517"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="1" dy="2"/>
+<feGaussianBlur stdDeviation="4.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.818824 0 0 0 0 0.176471 0 0 0 0.15 0"/>
+<feBlend mode="multiply" in2="effect1_backgroundBlur_781_8517" result="effect2_dropShadow_781_8517"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_781_8517" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.736667 0 0 0 0 0.341667 0 0 0 0.15 0"/>
+<feBlend mode="normal" in2="shape" result="effect3_innerShadow_781_8517"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="2" dy="4"/>
+<feGaussianBlur stdDeviation="6.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.35 0"/>
+<feBlend mode="normal" in2="effect3_innerShadow_781_8517" result="effect4_innerShadow_781_8517"/>
+</filter>
+<filter id="filter2_d_781_8517" x="28.0908" y="42.4375" width="37.8182" height="37.9375" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="1" dy="2"/>
+<feGaussianBlur stdDeviation="4"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.9875 0 0 0 0 0.910557 0 0 0 0 0.218073 0 0 0 0.2 0"/>
+<feBlend mode="multiply" in2="BackgroundImageFix" result="effect1_dropShadow_781_8517"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_781_8517" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_781_8517" x1="26.4337" y1="8.21875" x2="64.3406" y2="84.8362" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFB800"/>
+<stop offset="1" stop-color="#FF7A00"/>
+</linearGradient>
+<linearGradient id="paint1_linear_781_8517" x1="12.6667" y1="25.2813" x2="61.9304" y2="59.1549" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.52"/>
+<stop offset="1" stop-color="white" stop-opacity="0.14"/>
+</linearGradient>
+</defs>
+</svg>
--- a/src/static/icons/home/rp.svg
+++ b/src/static/icons/home/rp.svg
@ -0,0 +1,76 @@
+<svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_781_8517" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="62" height="62">
+<rect width="62" height="62" rx="31" fill="#C3C3C5"/>
+</mask>
+<g mask="url(#mask0_781_8517)">
+</g>
+<path d="M14 21C14 12.7157 20.7157 6 29 6H50C53.3137 6 56 8.68629 56 12V41C56 49.2843 49.2843 56 41 56H20C16.6863 56 14 53.3137 14 50V21Z" fill="#74A3FF"/>
+<path d="M14 18C14 11.3726 19.3726 6 26 6H47V19.5C47 26.9558 40.9558 33 33.5 33H14V18Z" fill="#6297FF"/>
+<path d="M10 53.5C12 53 13.6667 51.8333 14 50C15 52 22.5 56 15.5 56C11 56 10 53.5 10 53.5Z" fill="#74A3FF"/>
+<path d="M22.5 43.5C22.5 43.5 22.5177 43.9856 22.4437 44.7513L21.9376 56L11.5057 55.0005C11.6645 55.0151 15.146 55.2955 18.8799 52.2105C21.5717 49.9865 22.2676 46.5747 22.4437 44.7513L22.5 43.5Z" fill="#6892FF"/>
+<g filter="url(#filter0_d_781_8517)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32.428 17.7641C32.428 15.4388 30.6645 14.0028 27.479 14.0028V14H21.657L21.4584 14.7591C23.2921 14.8893 23.3563 15.0763 23.0088 16.8549L21.3709 25.0403C21.0263 26.7113 20.7635 26.8812 19.1927 27.0059L19 27.7451H25.7593L25.9578 27.0059C23.9519 26.8359 23.9081 26.6235 24.1914 25.1451L24.8045 21.9502L26.2206 22.2675C26.4133 22.3099 26.7403 22.3524 26.9184 22.3524C27.3866 22.3524 27.8388 22.3134 28.2691 22.2371C29.0303 22.9053 29.5184 25.9794 29.5578 26.2567C28.1621 28.1799 27.5314 28.8369 27.1373 28.8369C26.9293 28.8369 26.7576 28.6576 26.5967 28.4897C26.4551 28.3417 26.3218 28.2025 26.1796 28.2025C25.7416 28.2025 25.0438 28.8738 25 29.681C25 30.423 25.546 30.9073 26.2234 30.9073C27.2044 30.9073 28.1417 29.7659 29.8643 27.1461L30.276 28.4971C30.8454 30.2927 31.3271 30.9073 32.0892 30.9073C32.8951 30.9073 34.2236 30.2729 35.4469 28.3073L35.0323 27.6927C34.3141 28.6245 33.771 28.9417 33.5082 28.9417C33.225 28.9417 32.9622 28.5594 32.6352 27.5879L31.7826 24.9879C32.6994 23.634 33.4411 22.9373 33.917 22.9373C34.1664 22.9373 34.3185 23.1103 34.461 23.2724C34.5821 23.4101 34.6962 23.54 34.8571 23.5491C35.0761 23.5491 35.2484 23.4669 35.4674 23.2743C35.7681 23.0081 36.1477 22.6229 36.101 22.1103C36.0484 21.5353 35.4761 21.0821 34.9418 21.0113C34.898 21.0057 34.8484 21 34.79 21C34.536 21 34.1272 21.102 33.4557 21.6882C32.9067 22.1669 32.2731 22.9345 31.4761 24.0759L31.1286 22.9996C30.8892 22.2822 30.6562 21.7718 30.3887 21.4479C30.534 21.3566 30.6728 21.2587 30.8046 21.1544C30.8134 21.1473 30.8229 21.1402 30.8324 21.1331C30.8419 21.126 30.8514 21.119 30.8601 21.1119C31.1462 20.8825 31.4003 20.6191 31.6134 20.3302C32.0222 19.6433 32.2015 19.253 32.3784 18.4524C32.4105 18.2286 32.428 18.002 32.428 17.7641ZM26.2381 21.3385C28.1798 21.3385 29.4236 19.7949 29.4236 17.4696C29.4236 15.5861 28.571 14.8893 27.3301 14.8893C26.4834 14.8893 26.1564 15.014 25.9345 16.2205L24.9768 21.126C25.2571 21.2337 25.7126 21.3385 26.2381 21.3385Z" fill="url(#paint0_linear_781_8517)" shape-rendering="crispEdges"/>
+</g>
+<rect width="20" height="4" rx="2" transform="matrix(-1 0 0 1 53 33)" fill="url(#paint1_linear_781_8517)"/>
+<rect width="12.6667" height="4" rx="2" transform="matrix(-1 0 0 1 52.6666 42)" fill="url(#paint2_linear_781_8517)"/>
+<g filter="url(#filter1_b_781_8517)">
+<mask id="path-10-inside-1_781_8517" fill="white">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.5845 56L18.1322 54.399C16.9148 55.3563 15.3938 55.9448 13.7375 55.9963C13.8188 55.9988 13.9005 56 13.9825 56H28.5845ZM20.5895 46.0465C19.5731 43.1092 16.7829 41 13.5 41C9.43737 41 6.1292 44.2302 6.00368 48.2624C6.00123 48.1811 6 48.0994 6 48.0175C6 43.2249 10.1936 39.5126 14.9509 40.094L37.1428 42.8064C41.2138 43.3039 43.5176 47.111 42.8565 50.6284L21.5 45.5001L20.5895 46.0465Z"/>
+</mask>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.5845 56L18.1322 54.399C16.9148 55.3563 15.3938 55.9448 13.7375 55.9963C13.8188 55.9988 13.9005 56 13.9825 56H28.5845ZM20.5895 46.0465C19.5731 43.1092 16.7829 41 13.5 41C9.43737 41 6.1292 44.2302 6.00368 48.2624C6.00123 48.1811 6 48.0994 6 48.0175C6 43.2249 10.1936 39.5126 14.9509 40.094L37.1428 42.8064C41.2138 43.3039 43.5176 47.111 42.8565 50.6284L21.5 45.5001L20.5895 46.0465Z" fill="#80A3FF" fill-opacity="0.5"/>
+<path d="M28.5845 56V57L28.7359 55.0116L28.5845 56ZM18.1322 54.399L18.2836 53.4105L17.8549 53.3448L17.5141 53.6129L18.1322 54.399ZM13.7375 55.9963L13.7064 54.9968L13.7073 56.9959L13.7375 55.9963ZM20.5895 46.0465L19.6444 46.3735L20.0474 47.5379L21.104 46.904L20.5895 46.0465ZM6.00368 48.2624L5.00413 48.2925L7.0032 48.2935L6.00368 48.2624ZM14.9509 40.094L15.0722 39.1014L14.9509 40.094ZM37.1428 42.8064L37.0215 43.799L37.1428 42.8064ZM42.8565 50.6284L42.6231 51.6007L43.6452 51.8462L43.8393 50.8131L42.8565 50.6284ZM21.5 45.5001L21.7335 44.5278L21.336 44.4323L20.9855 44.6426L21.5 45.5001ZM28.7359 55.0116L18.2836 53.4105L17.9808 55.3874L28.4331 56.9885L28.7359 55.0116ZM17.5141 53.6129C16.4587 54.4427 15.142 54.9522 13.7064 54.9968L13.7686 56.9959C15.6456 56.9375 17.3709 56.2698 18.7503 55.185L17.5141 53.6129ZM13.7073 56.9959C13.7987 56.9986 13.8905 57 13.9825 57V55C13.9106 55 13.8389 54.9989 13.7676 54.9968L13.7073 56.9959ZM13.9825 57H28.5845V55H13.9825V57ZM13.5 42C16.3436 42 18.7632 43.8266 19.6444 46.3735L21.5345 45.7194C20.383 42.3919 17.2221 40 13.5 40V42ZM7.0032 48.2935C7.11196 44.7995 9.97923 42 13.5 42V40C8.89551 40 5.14643 43.6609 5.00417 48.2312L7.0032 48.2935ZM5 48.0175C5 48.1095 5.00138 48.2011 5.00413 48.2925L7.00323 48.2323C7.00108 48.161 7 48.0894 7 48.0175H5ZM15.0722 39.1014C9.71898 38.4471 5 42.6245 5 48.0175H7C7 43.8253 10.6683 40.578 14.8296 41.0866L15.0722 39.1014ZM37.2641 41.8138L15.0722 39.1014L14.8296 41.0866L37.0215 43.799L37.2641 41.8138ZM43.8393 50.8131C44.5968 46.7827 41.962 42.3879 37.2641 41.8138L37.0215 43.799C40.4656 44.2199 42.4384 47.4393 41.8737 50.4437L43.8393 50.8131ZM21.2665 46.4725L42.6231 51.6007L43.09 49.656L21.7335 44.5278L21.2665 46.4725ZM21.104 46.904L22.0145 46.3576L20.9855 44.6426L20.075 45.189L21.104 46.904Z" fill="url(#paint3_linear_781_8517)" mask="url(#path-10-inside-1_781_8517)"/>
+</g>
+<g filter="url(#filter2_b_781_8517)">
+<mask id="path-12-inside-2_781_8517" fill="white">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37.8486 42.885C36.6943 44.2716 36 46.0547 36 48C36 52.4183 39.5817 56 44 56C44.2828 56 44.5622 55.9853 44.8374 55.9567C44.6819 55.9852 44.5216 56.0001 44.3579 56.0001H13.9836C9.57439 56.0001 6 52.4257 6 48.0165C6 43.224 10.1928 39.5114 14.9501 40.0916L37.7109 42.8673C37.7569 42.8729 37.8028 42.8788 37.8486 42.885Z"/>
+</mask>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37.8486 42.885C36.6943 44.2716 36 46.0547 36 48C36 52.4183 39.5817 56 44 56C44.2828 56 44.5622 55.9853 44.8374 55.9567C44.6819 55.9852 44.5216 56.0001 44.3579 56.0001H13.9836C9.57439 56.0001 6 52.4257 6 48.0165C6 43.224 10.1928 39.5114 14.9501 40.0916L37.7109 42.8673C37.7569 42.8729 37.8028 42.8788 37.8486 42.885Z" fill="#80A3FF" fill-opacity="0.5"/>
+<path d="M37.8486 42.885L38.6171 43.5248L39.7733 42.1359L37.9825 41.894L37.8486 42.885ZM44.8374 55.9567L45.0177 56.9403L44.7339 54.9621L44.8374 55.9567ZM14.9501 40.0916L14.829 41.0842L14.9501 40.0916ZM37.7109 42.8673L37.832 41.8746H37.832L37.7109 42.8673ZM37 48C37 46.297 37.6068 44.7384 38.6171 43.5248L37.08 42.2452C35.7817 43.8048 35 45.8124 35 48H37ZM44 55C40.134 55 37 51.866 37 48H35C35 52.9706 39.0294 57 44 57V55ZM44.7339 54.9621C44.493 54.9871 44.2482 55 44 55V57C44.3174 57 44.6313 56.9835 44.9409 56.9513L44.7339 54.9621ZM44.6571 54.9731C44.5608 54.9907 44.4609 55.0001 44.3579 55.0001V57.0001C44.5824 57.0001 44.803 56.9797 45.0177 56.9403L44.6571 54.9731ZM44.3579 55.0001H13.9836V57.0001H44.3579V55.0001ZM13.9836 55.0001C10.1267 55.0001 7 51.8734 7 48.0165H5C5 52.978 9.0221 57.0001 13.9836 57.0001V55.0001ZM7 48.0165C7 43.8243 10.6676 40.5767 14.829 41.0842L15.0711 39.0989C9.71798 38.4461 5 42.6237 5 48.0165H7ZM14.829 41.0842L37.5899 43.8599L37.832 41.8746L15.0711 39.0989L14.829 41.0842ZM37.5899 43.8599C37.6316 43.865 37.6732 43.8704 37.7147 43.876L37.9825 41.894C37.9324 41.8872 37.8823 41.8808 37.832 41.8746L37.5899 43.8599Z" fill="url(#paint4_linear_781_8517)" mask="url(#path-12-inside-2_781_8517)"/>
+</g>
+<rect x="-367.5" y="-19.5" width="623" height="101" rx="4.5" stroke="#9747FF" stroke-dasharray="10 5"/>
+<defs>
+<filter id="filter0_d_781_8517" x="11" y="8" width="33.1049" height="32.9072" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="4"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.317647 0 0 0 0 0.427451 0 0 0 0 1 0 0 0 0.49 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_781_8517"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_781_8517" result="shape"/>
+</filter>
+<filter id="filter1_b_781_8517" x="2" y="36.0339" width="44.9688" height="23.9661" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImage" stdDeviation="2"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_781_8517"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_781_8517" result="shape"/>
+</filter>
+<filter id="filter2_b_781_8517" x="2" y="36.0317" width="46.8374" height="23.9683" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImage" stdDeviation="2"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_781_8517"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_781_8517" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_781_8517" x1="21.5" y1="14.5" x2="38.0594" y2="23.3083" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.64"/>
+</linearGradient>
+<linearGradient id="paint1_linear_781_8517" x1="-0.5" y1="1.69231" x2="14.1887" y2="-8.18263" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.42"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint2_linear_781_8517" x1="-0.316667" y1="1.69231" x2="11.1178" y2="-3.17623" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.42"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint3_linear_781_8517" x1="29.9713" y1="36.2267" x2="43.8143" y2="56.3437" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.78"/>
+<stop offset="1" stop-color="white" stop-opacity="0.12"/>
+</linearGradient>
+<linearGradient id="paint4_linear_781_8517" x1="12.2121" y1="40.2358" x2="22.8434" y2="57.2807" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D9E8FF" stop-opacity="0.53"/>
+<stop offset="0.497352" stop-color="white" stop-opacity="0.600833"/>
+<stop offset="1" stop-color="white" stop-opacity="0.14"/>
+</linearGradient>
+</defs>
+</svg>
--- a/src/static/icons/home/search.svg
+++ b/src/static/icons/home/search.svg
@ -0,0 +1,4 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
+<path d="M29.7558 28.7442L24.5 23.5308C26.5401 20.9871 27.5281 17.7583 27.2608 14.5085C26.9935 11.2587 25.4912 8.23476 23.0628 6.05857C20.6344 3.88237 17.4645 2.71929 14.205 2.80849C10.9454 2.89768 7.84384 4.23237 5.5381 6.5381C3.23237 8.84384 1.89768 11.9454 1.80849 15.205C1.71929 18.4645 2.88237 21.6344 5.05857 24.0628C7.23476 26.4912 10.2587 27.9935 13.5085 28.2608C16.7583 28.5281 19.9871 27.5401 22.5308 25.5L27.7442 30.7133C27.8759 30.8461 28.0325 30.9515 28.2052 31.0234C28.3778 31.0953 28.563 31.1324 28.75 31.1324C28.937 31.1324 29.1222 31.0953 29.2948 31.0234C29.4674 30.9515 29.6241 30.8461 29.7558 30.7133C30.0112 30.4492 30.1539 30.0961 30.1539 29.7287C30.1539 29.3613 30.0112 29.0083 29.7558 28.7442V28.7442ZM14.5833 25.5C12.622 25.5 10.7047 24.9184 9.07391 23.8287C7.44313 22.7391 6.17208 21.1903 5.42151 19.3783C4.67095 17.5662 4.47456 15.5723 4.8572 13.6487C5.23984 11.725 6.18431 9.95805 7.57118 8.57118C8.95805 7.18431 10.725 6.23984 12.6487 5.8572C14.5723 5.47456 16.5662 5.67095 18.3783 6.42151C20.1903 7.17208 21.7391 8.44313 22.8287 10.0739C23.9184 11.7047 24.5 13.622 24.5 15.5833C24.5 18.2134 23.4552 20.7357 21.5955 22.5955C19.7357 24.4552 17.2134 25.5 14.5833 25.5V25.5Z" fill="#C3C3C5"/>
+<rect x="-30.5" y="-93.5" width="716" height="310" rx="19.5" stroke="black"/>
+</svg>
--- a/src/static/icons/login/eye-off.svg
+++ b/src/static/icons/login/eye-off.svg
@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.2 5.65337C14.1178 5.43855 15.0574 5.33116 16 5.33337C25.3333 5.33337 30.6667 16 30.6667 16C29.8573 17.5142 28.8921 18.9397 27.7867 20.2534M18.8267 18.8267C18.4605 19.2197 18.0189 19.5349 17.5282 19.7535C17.0375 19.9722 16.5079 20.0897 15.9708 20.0992C15.4337 20.1087 14.9002 20.0099 14.4022 19.8087C13.9041 19.6075 13.4516 19.3081 13.0718 18.9282C12.692 18.5484 12.3925 18.096 12.1914 17.5979C11.9902 17.0998 11.8914 16.5663 11.9009 16.0293C11.9103 15.4922 12.0279 14.9625 12.2465 14.4718C12.4651 13.9812 12.7803 13.5396 13.1733 13.1734M1.33334 1.33337L30.6667 30.6667M23.92 23.92C21.6408 25.6574 18.8655 26.6199 16 26.6667C6.66668 26.6667 1.33334 16 1.33334 16C2.99186 12.9092 5.29219 10.2089 8.08001 8.08004L23.92 23.92Z" stroke="#6F6F6F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/src/static/icons/login/eye-on.svg
+++ b/src/static/icons/login/eye-on.svg
@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.33331 16C1.33331 16 6.66665 5.33337 16 5.33337C25.3333 5.33337 30.6666 16 30.6666 16C30.6666 16 25.3333 26.6667 16 26.6667C6.66665 26.6667 1.33331 16 1.33331 16Z" stroke="#6F6F6F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16 20C18.2091 20 20 18.2092 20 16C20 13.7909 18.2091 12 16 12C13.7908 12 12 13.7909 12 16C12 18.2092 13.7908 20 16 20Z" stroke="#6F6F6F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/src/static/icons/user/add.svg
+++ b/src/static/icons/user/add.svg
@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 6.6665V33.3332M6.66663 19.9998H33.3333" stroke="#2CB5A5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="-364.5" y="-468.5" width="2535" height="1373" rx="39.5" stroke="#EF5533"/>
+</svg>
--- a/src/static/icons/user/arrow.svg
+++ b/src/static/icons/user/arrow.svg
@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-701.5" y="-251.5" width="882" height="354" rx="19.5" stroke="black"/>
+<path d="M15 30L25 20L15 10" stroke="#C3C3C5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="-752.5" y="-557.5" width="1045" height="1481" rx="39.5" stroke="#EF5533"/>
+</svg>
--- a/src/static/icons/user/edit.svg
+++ b/src/static/icons/user/edit.svg
@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-728" y="-74" width="690" height="180" rx="8" fill="#FAFAFA"/>
+<path d="M14.6667 5.33331H5.33335C4.62611 5.33331 3.94783 5.61426 3.44774 6.11436C2.94764 6.61446 2.66669 7.29273 2.66669 7.99998V26.6666C2.66669 27.3739 2.94764 28.0522 3.44774 28.5523C3.94783 29.0524 4.62611 29.3333 5.33335 29.3333H24C24.7073 29.3333 25.3855 29.0524 25.8856 28.5523C26.3857 28.0522 26.6667 27.3739 26.6667 26.6666V17.3333M24.6667 3.33331C25.1971 2.80288 25.9165 2.50488 26.6667 2.50488C27.4168 2.50488 28.1363 2.80288 28.6667 3.33331C29.1971 3.86374 29.4951 4.58316 29.4951 5.33331C29.4951 6.08346 29.1971 6.80288 28.6667 7.33331L16 20L10.6667 21.3333L12 16L24.6667 3.33331Z" stroke="#848484" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="-776.5" y="-1021.5" width="2535" height="1373" rx="39.5" stroke="#EF5533"/>
+</svg>
--- a/src/static/icons/user/finished.svg
+++ b/src/static/icons/user/finished.svg
@ -0,0 +1,37 @@
+<svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-575.5" y="-94.5" width="882" height="200" rx="19.5" stroke="black"/>
+<g filter="url(#filter0_i_1189_10832)">
+<path d="M0.536675 18.6366C1.58332 9.08599 9.08702 1.58585 18.6375 0.537995C21.5471 0.218755 24.4656 0 26.9999 0C29.5447 0 32.4767 0.220567 35.3983 0.541957C44.9303 1.59052 52.4333 9.06494 53.4815 18.597C53.784 21.3482 53.9917 24.0975 53.9997 26.5007C54.0088 29.1786 53.7798 32.2691 53.4449 35.3338C52.3999 44.8975 44.9011 52.4197 35.3376 53.466C32.4394 53.7831 29.5315 54 26.9999 54C24.4586 54 21.5381 53.7814 18.6289 53.4623C9.08248 52.4154 1.58439 44.917 0.537576 35.3707C0.21856 32.4614 0 29.5409 0 26.9995C0 24.4606 0.218148 21.5432 0.536675 18.6366Z" fill="url(#paint0_linear_1189_10832)"/>
+</g>
+<g filter="url(#filter1_d_1189_10832)">
+<path d="M23.6296 33.7777C23.6296 28.7252 27.7252 24.6296 32.7777 24.6296C33.6112 24.6296 34.4179 24.741 35.185 24.9518V16.9258C35.185 15.8636 34.3215 15 33.2593 15H15.9258C14.8636 15 14 15.8636 14 16.9258V37.1481C14 38.2103 14.8636 39.0739 15.9258 39.0739H25.3179C24.2557 37.5785 23.6296 35.7519 23.6296 33.7777ZM18.8146 18.8519H30.3704C30.903 18.8519 31.3335 19.2824 31.3335 19.815C31.3335 20.3476 30.903 20.778 30.3704 20.778H18.8146C18.282 20.778 17.8516 20.3476 17.8516 19.815C17.8516 19.2824 18.282 18.8519 18.8146 18.8519ZM18.8146 24.6296H22.6666C23.1992 24.6296 23.6296 25.0601 23.6296 25.5927C23.6296 26.1253 23.1992 26.5558 22.6666 26.5558H18.8146C18.282 26.5558 17.8516 26.1253 17.8516 25.5927C17.8516 25.0601 18.282 24.6296 18.8146 24.6296ZM20.7408 32.3335H18.815C18.2824 32.3335 17.8519 31.903 17.8519 31.3704C17.8519 30.8378 18.2824 30.4073 18.815 30.4073H20.7408C21.2734 30.4073 21.7038 30.8378 21.7038 31.3704C21.7038 31.903 21.2734 32.3335 20.7408 32.3335Z" fill="white"/>
+<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M32.7777 26.5552C28.7904 26.5552 25.5554 29.7902 25.5554 33.7775C25.5554 37.7648 28.7904 40.9998 32.7777 40.9998C36.765 40.9998 40 37.7648 40 33.7775C40 29.7902 36.7653 26.5552 32.7777 26.5552ZM33.1209 36.6816L36.0097 31.8666C36.2838 31.4094 36.1363 30.8196 35.6788 30.5458C35.2243 30.2721 34.6314 30.4193 34.3577 30.8768L31.9893 34.8251L29.94 33.4591C29.4977 33.164 28.8991 33.2844 28.604 33.7267C28.3089 34.169 28.4294 34.7676 28.8717 35.0627L31.7605 36.9885C31.9199 37.0968 32.1067 37.1509 32.2962 37.1509C32.3656 37.1509 32.4376 37.1418 32.507 37.1269C32.7628 37.0667 32.9855 36.9073 33.1209 36.6816Z" fill="white"/>
+</g>
+<rect x="-626.5" y="-1250.5" width="1045" height="1481" rx="39.5" stroke="#EF5533"/>
+<defs>
+<filter id="filter0_i_1189_10832" x="0" y="0" width="55" height="56" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="1" dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/>
+<feBlend mode="multiply" in2="shape" result="effect1_innerShadow_1189_10832"/>
+</filter>
+<filter id="filter1_d_1189_10832" x="6" y="8" width="42" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="4"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.403922 0 0 0 0 0.890196 0 0 0 0 0.792157 0 0 0 0.23 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1189_10832"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1189_10832" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1189_10832" x1="7" y1="2" x2="57.1471" y2="23.9118" gradientUnits="userSpaceOnUse">
+<stop stop-color="#75EBCF"/>
+<stop offset="1" stop-color="#16B7AD"/>
+</linearGradient>
+</defs>
+</svg>
--- a/src/static/icons/user/paid.svg
+++ b/src/static/icons/user/paid.svg
@ -0,0 +1,50 @@
+<svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-39.5" y="-94.5" width="882" height="200" rx="19.5" stroke="black"/>
+<g filter="url(#filter0_i_1189_10832)">
+<path d="M0.536675 18.6366C1.58332 9.08599 9.08702 1.58585 18.6375 0.537995C21.5471 0.218755 24.4656 0 26.9999 0C29.5447 0 32.4767 0.220567 35.3983 0.541957C44.9303 1.59052 52.4333 9.06494 53.4815 18.597C53.784 21.3482 53.9917 24.0975 53.9997 26.5007C54.0088 29.1786 53.7798 32.2691 53.4449 35.3338C52.3999 44.8975 44.9011 52.4197 35.3376 53.466C32.4394 53.7831 29.5315 54 26.9999 54C24.4586 54 21.5381 53.7814 18.6289 53.4623C9.08248 52.4154 1.58439 44.917 0.537576 35.3707C0.21856 32.4614 0 29.5409 0 26.9995C0 24.4606 0.218148 21.5432 0.536675 18.6366Z" fill="url(#paint0_linear_1189_10832)"/>
+</g>
+<g filter="url(#filter1_d_1189_10832)">
+<path d="M38.9997 36.4817C39.0061 36.814 38.9457 37.1441 38.8224 37.4515C38.5948 38.0405 38.1513 38.5151 37.5865 38.774C37.2699 38.9152 36.9295 38.9919 36.5842 38.9999H18.0044C17.674 38.9999 16.8384 38.9007 16.5376 38.774C16.2424 38.6478 15.9727 38.4666 15.7423 38.2395C15.5132 38.0141 15.3274 37.7469 15.1944 37.4515C15.058 37.1477 14.9918 36.8159 15.0008 36.4817V22.8412C14.9946 22.5151 15.0533 22.191 15.1734 21.8888C15.2935 21.5866 15.4725 21.3126 15.6994 21.0835C16.1642 20.6068 16.7283 20.5488 17.3999 20.5488H36.6006C37.2722 20.5488 37.8338 20.604 38.3012 21.0835C38.5284 21.3124 38.7076 21.5863 38.8277 21.8886C38.9478 22.1908 39.0064 22.515 38.9997 22.8412V26.6959H32.9927C32.321 26.6959 31.7594 26.7952 31.292 27.2719C31.065 27.4981 30.8859 27.7697 30.7657 28.0697C30.6456 28.3697 30.587 28.6918 30.5935 29.0159C30.5977 29.4495 30.6959 29.8767 30.8809 30.2667C31.0411 30.6032 31.2813 30.8931 31.5795 31.1099C31.984 31.4301 32.4812 31.6036 32.9927 31.6031H38.9997V36.4817Z" fill="white"/>
+</g>
+<g filter="url(#filter2_d_1189_10832)">
+<path d="M32.016 28.3341C31.8847 28.5349 31.8141 28.7708 31.8132 29.0125C31.8081 29.1766 31.8359 29.34 31.8951 29.4926C31.9542 29.6452 32.0434 29.7838 32.157 29.8997C32.2674 30.0157 32.3995 30.1078 32.5453 30.1707C32.6911 30.2336 32.8477 30.266 33.0059 30.266C33.1641 30.266 33.3208 30.2336 33.4666 30.1707C33.6124 30.1078 33.7444 30.0157 33.8549 29.8997C34.0756 29.6629 34.1988 29.3481 34.1988 29.0208C34.1988 28.6935 34.0756 28.3787 33.8549 28.1418C33.6866 27.9724 33.4731 27.8575 33.2413 27.8116C33.0095 27.7657 32.7696 27.7907 32.5517 27.8837C32.3337 27.9766 32.1474 28.1333 32.016 28.3341Z" fill="white" fill-opacity="0.8" shape-rendering="crispEdges"/>
+<path d="M35.3944 19.3093H23.3936C24.3394 18.8024 25.2445 18.0861 26.0961 17.6205C26.8377 17.2266 27.563 16.8188 28.2911 16.411C29.0192 16.0171 29.581 15.6947 29.9783 15.4826C30.5958 15.1299 31.1441 14.9755 31.625 15.0031C32.0468 15.0187 32.4633 15.1043 32.8583 15.2566C33.24 15.4487 33.5806 15.7166 33.8603 16.0447L35.3944 19.3093Z" fill="white" fill-opacity="0.8" shape-rendering="crispEdges"/>
+</g>
+<rect x="-90.5" y="-1250.5" width="1045" height="1481" rx="39.5" stroke="#EF5533"/>
+<defs>
+<filter id="filter0_i_1189_10832" x="0" y="0" width="55" height="56" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="1" dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/>
+<feBlend mode="multiply" in2="shape" result="effect1_innerShadow_1189_10832"/>
+</filter>
+<filter id="filter1_d_1189_10832" x="7" y="14.5488" width="40.0002" height="34.4512" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="4"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.752941 0 0 0 0 0.239216 0 0 0 0.27 0"/>
+<feBlend mode="multiply" in2="BackgroundImageFix" result="effect1_dropShadow_1189_10832"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1189_10832" result="shape"/>
+</filter>
+<filter id="filter2_d_1189_10832" x="15.3936" y="9" width="28.0007" height="31.2661" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="4"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.752941 0 0 0 0 0.239216 0 0 0 0.27 0"/>
+<feBlend mode="multiply" in2="BackgroundImageFix" result="effect1_dropShadow_1189_10832"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1189_10832" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1189_10832" x1="7" y1="2" x2="57.1471" y2="23.9118" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFC940"/>
+<stop offset="1" stop-color="#FA6D1D"/>
+</linearGradient>
+</defs>
+</svg>
--- a/src/static/icons/user/received.svg
+++ b/src/static/icons/user/received.svg
@ -0,0 +1,49 @@
+<svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-396.5" y="-94.5" width="882" height="200" rx="19.5" stroke="black"/>
+<g filter="url(#filter0_i_1189_10832)">
+<path d="M0.536675 18.6366C1.58332 9.08599 9.08702 1.58585 18.6375 0.537995C21.5471 0.218755 24.4656 0 26.9999 0C29.5447 0 32.4767 0.220567 35.3983 0.541957C44.9303 1.59052 52.4333 9.06494 53.4815 18.597C53.784 21.3482 53.9917 24.0975 53.9997 26.5007C54.0088 29.1786 53.7798 32.2691 53.4449 35.3338C52.3999 44.8975 44.9011 52.4197 35.3376 53.466C32.4394 53.7831 29.5315 54 26.9999 54C24.4586 54 21.5381 53.7814 18.6289 53.4623C9.08248 52.4154 1.58439 44.917 0.537576 35.3707C0.21856 32.4614 0 29.5409 0 26.9995C0 24.4606 0.218148 21.5432 0.536675 18.6366Z" fill="url(#paint0_linear_1189_10832)"/>
+</g>
+<g opacity="0.8" filter="url(#filter1_d_1189_10832)">
+<path d="M36.7088 21.9417L40.759 28.1663C40.8265 28.2706 40.8625 28.3922 40.8625 28.5165V35.8465C40.8625 36.0506 40.6951 36.218 40.491 36.218H39.7937C39.6566 38.0087 38.1736 39.4247 36.3494 39.4247C34.5222 39.4247 33.0422 38.0087 32.9052 36.218H30.8496V21.6768H36.2215C36.4164 21.6768 36.6022 21.7773 36.7088 21.9417ZM35.8287 24.9109H31.949C31.8881 24.9109 31.8393 24.9596 31.8393 25.0205V28.2455C31.8393 28.3033 31.8881 28.352 31.9459 28.352H38.0944C38.1461 28.352 38.1796 28.2942 38.1492 28.2485L36.0418 25.0205C35.9931 24.9535 35.9139 24.9109 35.8287 24.9109V24.9109ZM20.7514 32.4815C22.67 32.4815 24.2231 34.0346 24.2231 35.9531C24.2231 37.8716 22.67 39.4247 20.7514 39.4247C18.8329 39.4247 17.2798 37.8716 17.2798 35.9531C17.2798 34.0346 18.8359 32.4815 20.7514 32.4815Z" fill="white"/>
+</g>
+<g filter="url(#filter2_d_1189_10832)">
+<path d="M15.4801 15.4248H29.0256C30.0305 15.4248 30.8467 16.2409 30.8467 17.2459V36.2181H15.4801C14.4752 36.2181 13.659 35.4019 13.659 34.397V17.2459C13.659 16.2409 14.4721 15.4248 15.4801 15.4248V15.4248Z" fill="white"/>
+</g>
+<rect x="-447.5" y="-1250.5" width="1045" height="1481" rx="39.5" stroke="#EF5533"/>
+<defs>
+<filter id="filter0_i_1189_10832" x="0" y="0" width="55" height="56" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="1" dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/>
+<feBlend mode="multiply" in2="shape" result="effect1_innerShadow_1189_10832"/>
+</filter>
+<filter id="filter1_d_1189_10832" x="9.27979" y="14.6768" width="39.5828" height="33.748" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="4"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.827451 0 0 0 0 0.498667 0 0 0 0 0.313725 0 0 0 0.23 0"/>
+<feBlend mode="multiply" in2="BackgroundImageFix" result="effect1_dropShadow_1189_10832"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1189_10832" result="shape"/>
+</filter>
+<filter id="filter2_d_1189_10832" x="5.65894" y="8.4248" width="33.1877" height="36.7935" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="4"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.8375 0 0 0 0 0.505292 0 0 0 0 0.362917 0 0 0 0.23 0"/>
+<feBlend mode="multiply" in2="BackgroundImageFix" result="effect1_dropShadow_1189_10832"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1189_10832" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1189_10832" x1="12.5" y1="-4.5" x2="61.4706" y2="24.6177" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFB8C5"/>
+<stop offset="1" stop-color="#FF3232"/>
+</linearGradient>
+</defs>
+</svg>
--- a/src/static/icons/user/shipped.svg
+++ b/src/static/icons/user/shipped.svg
@ -0,0 +1,25 @@
+<svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-218.5" y="-94.5" width="882" height="200" rx="19.5" stroke="black"/>
+<g filter="url(#filter0_i_1189_10832)">
+<path d="M0.536675 18.6366C1.58332 9.08599 9.08702 1.58585 18.6375 0.537995C21.5471 0.218755 24.4656 0 26.9999 0C29.5447 0 32.4767 0.220567 35.3983 0.541957C44.9303 1.59052 52.4333 9.06494 53.4815 18.597C53.784 21.3482 53.9917 24.0975 53.9997 26.5007C54.0088 29.1786 53.7798 32.2691 53.4449 35.3338C52.3999 44.8975 44.9011 52.4197 35.3376 53.466C32.4394 53.7831 29.5315 54 26.9999 54C24.4586 54 21.5381 53.7814 18.6289 53.4623C9.08248 52.4154 1.58439 44.917 0.537576 35.3707C0.21856 32.4614 0 29.5409 0 26.9995C0 24.4606 0.218148 21.5432 0.536675 18.6366Z" fill="url(#paint0_linear_1189_10832)"/>
+</g>
+<path d="M22.008 22.7826V27.0765C22.008 27.2257 22.0456 27.3718 22.117 27.5028L22.1588 27.5717C22.2823 27.7553 22.4701 27.8862 22.6851 27.9385C22.9002 27.9909 23.1271 27.9609 23.3212 27.8544L26.9437 25.8708L30.6115 27.8576C30.7466 27.9308 30.8984 27.9677 31.0521 27.9645C31.2057 27.9614 31.3559 27.9184 31.488 27.8398C31.62 27.7611 31.7293 27.6495 31.8053 27.5159C31.8812 27.3823 31.9211 27.2312 31.921 27.0776V22.7826H39V35.8261C39 36.3796 38.7801 36.9104 38.3887 37.3018C37.9974 37.6932 37.4665 37.913 36.913 37.913H17.087C16.5335 37.913 16.0026 37.6932 15.6113 37.3018C15.2199 36.9104 15 36.3796 15 35.8261V22.7826H22.008V22.7826ZM36.913 16C37.4665 16 37.9974 16.2199 38.3887 16.6113C38.7801 17.0026 39 17.5335 39 18.087V21.2174H31.921V16H36.913ZM15 18.087C15 17.5335 15.2199 17.0026 15.6113 16.6113C16.0026 16.2199 16.5335 16 17.087 16H22.008V21.2174H15V18.087V18.087Z" fill="white"/>
+<path d="M30.3913 25.913L27.3996 24.292L27.3187 24.2529C27.196 24.2017 27.0634 24.1788 26.9306 24.1858C26.7979 24.1929 26.6684 24.2297 26.5518 24.2936L23.6086 25.9068V16H30.3913V25.913Z" fill="white" fill-opacity="0.8"/>
+<rect x="-269.5" y="-1250.5" width="1045" height="1481" rx="39.5" stroke="#EF5533"/>
+<defs>
+<filter id="filter0_i_1189_10832" x="0" y="0" width="55" height="56" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="1" dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/>
+<feBlend mode="multiply" in2="shape" result="effect1_innerShadow_1189_10832"/>
+</filter>
+<linearGradient id="paint0_linear_1189_10832" x1="7" y1="2" x2="57.1471" y2="23.9118" gradientUnits="userSpaceOnUse">
+<stop stop-color="#93AAFF"/>
+<stop offset="1" stop-color="#4B70F1"/>
+</linearGradient>
+</defs>
+</svg>
--- a/src/static/icons/user/tool-01.svg
+++ b/src/static/icons/user/tool-01.svg
@ -0,0 +1,7 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-61.5" y="-118.5" width="882" height="354" rx="19.5" stroke="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.2703 10.9207L25.5944 7.89649C25.3884 7.38516 24.9046 7.04531 24.3701 7.04531H15.63C15.0955 7.04531 14.6118 7.38516 14.4057 7.89649L13.7299 10.9207H26.2703ZM28.279 10.9207L27.4816 7.36022C27.4726 7.31657 27.4607 7.27603 27.4457 7.2355C26.971 5.89794 25.7318 5 24.3671 5H15.627C14.9522 5 14.3042 5.21201 13.7518 5.61422C13.1994 6.01642 12.7843 6.57763 12.5484 7.2355C12.5335 7.27603 12.5216 7.31657 12.5126 7.36022L11.7178 10.9207H9.3981C7.52586 10.9207 6 12.5108 6 14.4688V31.4517C6 33.4066 7.52288 34.9998 9.3981 34.9998H30.6019C32.4771 34.9998 34 33.4066 34 31.4517V14.4688C34 12.5139 32.4771 10.9207 30.6019 10.9207H28.279ZM32.0412 17.1721V14.4688C32.0412 13.6394 31.3962 12.966 30.6019 12.966H9.3981C8.60382 12.966 7.95884 13.6394 7.95884 14.4688V17.1721H32.0412ZM7.95884 19.2174H32.0412V31.4517C32.0412 32.2811 31.3962 32.9545 30.6019 32.9545H9.3981C8.60382 32.9545 7.95884 32.2811 7.95884 31.4517V19.2174Z" fill="#3C3E42"/>
+<path d="M25.5944 7.89649L25.7408 7.86377L25.7381 7.8518L25.7335 7.84043L25.5944 7.89649ZM26.2703 10.9207V11.0707H26.4575L26.4167 10.8879L26.2703 10.9207ZM14.4057 7.89649L14.2666 7.84043L14.262 7.8518L14.2594 7.86377L14.4057 7.89649ZM13.7299 10.9207L13.5835 10.8879L13.5426 11.0707H13.7299V10.9207ZM28.279 10.9207L28.1326 10.9534L28.1588 11.0707H28.279V10.9207ZM27.4816 7.36022L27.3346 7.39038L27.3352 7.393L27.4816 7.36022ZM27.4457 7.2355L27.3044 7.28568L27.305 7.28735L27.4457 7.2355ZM13.7518 5.61422L13.8401 5.73548V5.73548L13.7518 5.61422ZM12.5484 7.2355L12.6892 7.28735L12.6896 7.28613L12.5484 7.2355ZM12.5126 7.36022L12.659 7.3929L12.6595 7.39037L12.5126 7.36022ZM11.7178 10.9207V11.0707H11.838L11.8642 10.9533L11.7178 10.9207ZM32.0412 17.1721V17.3221H32.1912V17.1721H32.0412ZM7.95884 17.1721H7.80884V17.3221H7.95884V17.1721ZM7.95884 19.2174V19.0674H7.80884V19.2174H7.95884ZM32.0412 19.2174H32.1912V19.0674H32.0412V19.2174ZM25.448 7.9292L26.1239 10.9534L26.4167 10.8879L25.7408 7.86377L25.448 7.9292ZM24.3701 7.19531C24.8398 7.19531 25.2707 7.49458 25.4553 7.95255L25.7335 7.84043C25.506 7.27574 24.9694 6.89531 24.3701 6.89531V7.19531ZM15.63 7.19531H24.3701V6.89531H15.63V7.19531ZM14.5449 7.95255C14.7294 7.49458 15.1603 7.19531 15.63 7.19531V6.89531C15.0307 6.89531 14.4942 7.27574 14.2666 7.84043L14.5449 7.95255ZM13.8763 10.9534L14.5521 7.9292L14.2594 7.86377L13.5835 10.8879L13.8763 10.9534ZM13.7299 11.0707H26.2703V10.7707H13.7299V11.0707ZM28.4253 10.8879L27.6279 7.32743L27.3352 7.393L28.1326 10.9534L28.4253 10.8879ZM27.6285 7.33006C27.6179 7.27832 27.6038 7.23053 27.5865 7.18365L27.305 7.28735C27.3176 7.32154 27.3273 7.35482 27.3346 7.39037L27.6285 7.33006ZM27.5871 7.18533C27.0921 5.79093 25.7984 4.85 24.3671 4.85V5.15C25.6651 5.15 26.8498 6.00495 27.3044 7.28568L27.5871 7.18533ZM24.3671 4.85H15.627V5.15H24.3671V4.85ZM15.627 4.85C14.9201 4.85 14.2413 5.0723 13.6635 5.49295L13.8401 5.73548C14.3672 5.35173 14.9843 5.15 15.627 5.15V4.85ZM13.6635 5.49295C13.086 5.91345 12.6529 6.49964 12.4072 7.18487L12.6896 7.28613C12.9157 6.65563 13.3128 6.11939 13.8401 5.73548L13.6635 5.49295ZM12.4077 7.18365C12.3904 7.23052 12.3763 7.27831 12.3657 7.33006L12.6595 7.39037C12.6668 7.35482 12.6766 7.32155 12.6892 7.28735L12.4077 7.18365ZM12.3662 7.32754L11.5714 10.888L11.8642 10.9533L12.659 7.3929L12.3662 7.32754ZM9.3981 11.0707H11.7178V10.7707H9.3981V11.0707ZM6.15 14.4688C6.15 12.5875 7.61466 11.0707 9.3981 11.0707V10.7707C7.43706 10.7707 5.85 12.434 5.85 14.4688H6.15ZM6.15 31.4517V14.4688H5.85V31.4517H6.15ZM9.3981 34.8498C7.61184 34.8498 6.15 33.33 6.15 31.4517H5.85C5.85 33.4832 7.43391 35.1498 9.3981 35.1498V34.8498ZM30.6019 34.8498H9.3981V35.1498H30.6019V34.8498ZM33.85 31.4517C33.85 33.33 32.3882 34.8498 30.6019 34.8498V35.1498C32.5661 35.1498 34.15 33.4832 34.15 31.4517H33.85ZM33.85 14.4688V31.4517H34.15V14.4688H33.85ZM30.6019 11.0707C32.3882 11.0707 33.85 12.5905 33.85 14.4688H34.15C34.15 12.4373 32.5661 10.7707 30.6019 10.7707V11.0707ZM28.279 11.0707H30.6019V10.7707H28.279V11.0707ZM32.1912 17.1721V14.4688H31.8912V17.1721H32.1912ZM32.1912 14.4688C32.1912 13.5628 31.4851 12.816 30.6019 12.816V13.116C31.3073 13.116 31.8912 13.7161 31.8912 14.4688H32.1912ZM30.6019 12.816H9.3981V13.116H30.6019V12.816ZM9.3981 12.816C8.51493 12.816 7.80884 13.5628 7.80884 14.4688H8.10884C8.10884 13.7161 8.6927 13.116 9.3981 13.116V12.816ZM7.80884 14.4688V17.1721H8.10884V14.4688H7.80884ZM32.0412 17.0221H7.95884V17.3221H32.0412V17.0221ZM7.95884 19.3674H32.0412V19.0674H7.95884V19.3674ZM32.1912 31.4517V19.2174H31.8912V31.4517H32.1912ZM30.6019 33.1045C31.4851 33.1045 32.1912 32.3577 32.1912 31.4517H31.8912C31.8912 32.2044 31.3073 32.8045 30.6019 32.8045V33.1045ZM9.3981 33.1045H30.6019V32.8045H9.3981V33.1045ZM7.80884 31.4517C7.80884 32.3577 8.51493 33.1045 9.3981 33.1045V32.8045C8.6927 32.8045 8.10884 32.2044 8.10884 31.4517H7.80884ZM7.80884 19.2174V31.4517H8.10884V19.2174H7.80884Z" fill="#3C3E42"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.0932 22.2354H18.9138V25.1459H16V27.3253H18.9138V30.2354H21.0932V27.3253H24V25.1459H21.0932V22.2354Z" fill="#16C2A3"/>
+<rect x="-112.5" y="-424.5" width="1045" height="1481" rx="39.5" stroke="#EF5533"/>
+</svg>
--- a/src/static/icons/user/tool-02.svg
+++ b/src/static/icons/user/tool-02.svg
@ -0,0 +1,6 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-275.5" y="-118.5" width="882" height="354" rx="19.5" stroke="black"/>
+<path d="M32.1602 15.1715V8.45919C32.1575 7.80524 31.9032 7.17908 31.4532 6.71807C31.0032 6.25705 30.3942 5.99882 29.7597 6H10.1568C9.52242 5.99895 8.9135 6.25725 8.4636 6.71825C8.01369 7.17925 7.75952 7.80533 7.75683 8.45919V10.7191C7.25344 10.8619 6.80921 11.1705 6.49198 11.5979C6.17475 12.0253 6.00196 12.548 6 13.0861V31.5405C6.0026 32.1944 6.25673 32.8206 6.70665 33.2816C7.15656 33.7427 7.76553 34.001 8.4 34H31.6C32.2345 34.001 32.8434 33.7427 33.2934 33.2816C33.7433 32.8206 33.9974 32.1944 34 31.5405V17.5607C33.998 17.0075 33.8154 16.471 33.4817 16.0376C33.148 15.6042 32.6825 15.2991 32.1602 15.1715ZM10.1568 8.38206H29.7597C29.7796 8.38206 29.7987 8.3902 29.8128 8.40469C29.8269 8.41917 29.8349 8.43883 29.835 8.45937V15.101H23.15L19.1913 10.6265H10.0812V8.45919C10.0813 8.43863 10.0893 8.41896 10.1035 8.4045C10.1177 8.39004 10.1369 8.38197 10.1568 8.38206ZM31.6748 31.5405C31.6748 31.561 31.6668 31.5807 31.6527 31.5953C31.6386 31.6098 31.6195 31.6179 31.5995 31.6179H8.4C8.38005 31.6179 8.36091 31.6098 8.34679 31.5953C8.33267 31.5807 8.32471 31.561 8.32467 31.5405V13.0861C8.32471 13.0655 8.33267 13.0458 8.34679 13.0313C8.36091 13.0167 8.38005 13.0086 8.4 13.0086H18.16L22.1185 17.4829H31.6C31.6099 17.4829 31.6196 17.4849 31.6288 17.4888C31.6379 17.4926 31.6462 17.4983 31.6532 17.5055C31.6602 17.5127 31.6658 17.5212 31.6695 17.5306C31.6733 17.54 31.6753 17.55 31.6753 17.5602L31.6748 31.5405ZM28.5537 10.6265H22.6167V13.0086H28.5545L28.5537 10.6265Z" fill="#3C3E42"/>
+<path d="M21 21.9052H17.0946V18H14.9054V21.9057H11V24.0949H14.9054V28H17.0946V24.0945H21V21.9052Z" fill="#16C2A3"/>
+<rect x="-326.5" y="-424.5" width="1045" height="1481" rx="39.5" stroke="#EF5533"/>
+</svg>
--- a/src/static/icons/user/tool-03.svg
+++ b/src/static/icons/user/tool-03.svg
@ -0,0 +1,6 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-489.5" y="-118.5" width="882" height="354" rx="19.5" stroke="black"/>
+<path d="M22.191 26.2638C18.9179 24.3602 17.867 20.2627 19.8439 17.1109C21.8201 13.9591 26.0759 12.9472 29.3489 14.8508C32.622 16.7537 33.6729 20.8519 31.696 24.0037C31.0531 25.0286 30.1353 25.8678 29.0392 26.4332C32.1845 27.6786 34.4932 30.4839 34.9265 33.8492C35.0078 34.4811 34.4835 35 33.8463 35C33.2092 35 32.7029 34.4795 32.5958 33.8514C32.0263 30.5116 29.0146 27.9633 25.3846 27.9633C21.7552 27.9633 18.7436 30.5114 18.174 33.8511C18.0669 34.4794 17.5604 35 16.9231 35C16.2858 35 15.7613 34.4811 15.8427 33.849C16.297 30.3216 18.8118 27.4095 22.191 26.2638ZM7.30797 32.4076H11.7352C12.3487 32.4076 12.8461 32.905 12.8461 33.5186C12.8461 34.1321 12.3487 34.6295 11.7352 34.6295H6.15367C5.84774 34.6293 5.55439 34.5122 5.33807 34.3039C5.12176 34.0956 5.00016 33.8131 5 33.5185V6.11156C5 5.49808 5.51724 5 6.1543 5H28.4614C29.0985 5 29.6157 5.49808 29.6157 6.11156V11.0036C29.6157 11.6409 29.0991 12.1576 28.4618 12.1576C27.8244 12.1576 27.3078 11.6409 27.3078 11.0036V7.22249H7.30797V32.4076ZM25.7693 25.0004C26.9934 25.0004 28.1673 24.5322 29.0329 23.6987C29.8984 22.8652 30.3847 21.7348 30.3847 20.5561C30.3847 19.3774 29.8984 18.2469 29.0329 17.4135C28.1673 16.58 26.9934 16.1118 25.7693 16.1118C24.5453 16.1118 23.3713 16.58 22.5058 17.4135C21.6402 18.2469 21.154 19.3774 21.154 20.5561C21.154 21.7348 21.6402 22.8652 22.5058 23.6987C23.3713 24.5322 24.5453 25.0004 25.7693 25.0004Z" fill="#3C3E42"/>
+<path d="M10 14V12H19V14H10Z" fill="#16C2A3"/>
+<rect x="-540.5" y="-424.5" width="1045" height="1481" rx="39.5" stroke="#EF5533"/>
+</svg>
--- a/src/static/icons/user/tool-04.svg
+++ b/src/static/icons/user/tool-04.svg
@ -0,0 +1,6 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-703.5" y="-118.5" width="882" height="354" rx="19.5" stroke="black"/>
+<path d="M33.7609 29.8192C34.2139 29.6728 34.5895 29.3547 34.8053 28.9348C35.021 28.5149 35.0592 28.0275 34.9114 27.5798L32.4858 20.1937C32.3263 19.705 32.0138 19.279 31.5934 18.9772C31.1731 18.6754 30.6665 18.5133 30.1468 18.5144H26.2436C27.2235 16.7898 27.8946 14.8959 27.8946 13.0089C27.8946 8.59281 24.3116 5 19.9075 5C15.5033 5 11.9202 8.59281 11.9202 13.0089C11.9474 14.9371 12.4576 16.8286 13.4052 18.5144H9.85318C9.33355 18.5133 8.82702 18.6754 8.40665 18.9772C7.98629 19.279 7.67384 19.705 7.51437 20.1937L5.08866 27.5798C4.94085 28.0274 4.97898 28.5148 5.19468 28.9347C5.41038 29.3546 5.78599 29.6728 6.23897 29.8192L5.31665 32.6754C5.23041 32.9428 5.20926 33.2265 5.2549 33.5035C5.30055 33.7804 5.41171 34.0429 5.57935 34.2694C5.74698 34.4959 5.96636 34.6801 6.21963 34.8071C6.47291 34.934 6.75293 35.0001 7.03694 35H32.9631C33.2471 35.0001 33.5271 34.9339 33.7803 34.8069C34.0336 34.68 34.2529 34.4957 34.4205 34.2692C34.5881 34.0427 34.6993 33.7802 34.7449 33.5033C34.7906 33.2263 34.7694 32.9426 34.6832 32.6753L33.7609 29.8192ZM19.9075 7.27587C23.0408 7.27587 25.5899 9.8476 25.5899 13.0089C25.5899 16.5498 22.389 20.5087 19.8826 22.4569C17.0761 20.4385 14.2248 16.756 14.2248 13.0089C14.2248 9.8476 16.7741 7.27587 19.9075 7.27587ZM9.70664 20.8955C9.71654 20.8648 9.73609 20.838 9.76244 20.8191C9.78879 20.8001 9.82058 20.79 9.85318 20.7901H14.9075C16.0806 22.288 17.483 23.5959 19.0642 24.6665C19.3197 24.8325 19.6198 24.9186 19.9255 24.9135C20.2312 24.9083 20.5282 24.8123 20.7778 24.6378C22.2648 23.5434 23.5891 22.2484 24.712 20.7904H30.1468C30.1795 20.7903 30.2113 20.8005 30.2376 20.8195C30.264 20.8384 30.2836 20.8652 30.2936 20.8959L32.5075 27.6372H7.49255L9.70664 20.8955ZM7.71982 32.7243L8.62778 29.9126H31.3722L32.2813 32.7243H7.71982Z" fill="#3C3E42"/>
+<path d="M23.5 12.9041H21.0959V10.5H18.904V12.9041H16.5V15.0959H18.904V17.5H21.0959V15.0959H23.5V12.9041Z" fill="#16C2A3"/>
+<rect x="-754.5" y="-424.5" width="1045" height="1481" rx="39.5" stroke="#EF5533"/>
+</svg>
--- a/src/static/icons/user/tool-05.svg
+++ b/src/static/icons/user/tool-05.svg
@ -0,0 +1,6 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-61.5" y="-256.5" width="882" height="354" rx="19.5" stroke="black"/>
+<path d="M29.4031 33.9999H9.59838C8.64431 33.9988 7.72964 33.6193 7.05504 32.9446C6.38044 32.27 6.00101 31.3553 6 30.4012V10.5963C6.00119 9.64239 6.3807 8.72785 7.05528 8.05333C7.72986 7.37882 8.64443 6.99939 9.59838 6.99829H21.8906V9.20026H9.59838C9.22824 9.2007 8.87339 9.34795 8.61169 9.60972C8.34999 9.87148 8.20282 10.2264 8.20246 10.5965V30.4012C8.20282 30.7713 8.34999 31.1262 8.6117 31.3879C8.8734 31.6497 9.22825 31.7969 9.59838 31.7973H29.4031C29.7732 31.7968 30.128 31.6496 30.3898 31.3879C30.6515 31.1262 30.7987 30.7713 30.7991 30.4012V18.5025H33.0016V30.4012C33.0006 31.3553 32.6211 32.27 31.9465 32.9447C31.2719 33.6193 30.3572 33.9988 29.4031 33.9999Z" fill="#3C3E42" stroke="#3C3E42" stroke-width="0.3"/>
+<path d="M33.5057 9.43038L30.5904 6.51504C30.2595 6.18521 29.8113 6 29.3441 6C28.8769 6 28.4288 6.18521 28.0979 6.51504L15.7805 18.8334C15.5738 19.0402 15.4217 19.2951 15.3378 19.5752L14.0515 23.8827C13.9589 24.1915 13.9528 24.5198 14.0339 24.8317C14.1149 25.1437 14.28 25.4275 14.5112 25.6522C14.7423 25.8768 15.0307 26.0338 15.3449 26.1059C15.6591 26.178 15.987 26.1626 16.293 26.0612L20.4874 24.6761C20.7486 24.5895 20.986 24.4431 21.1808 24.2486L33.5055 11.923C33.8356 11.5922 34.021 11.144 34.021 10.6767C34.021 10.2094 33.8357 9.76122 33.5057 9.43038ZM17.099 21.2228L18.8268 22.9505L16.3377 23.7726L17.099 21.2228ZM20.6526 21.7228L18.2983 19.3688L26.8488 10.8183L29.2033 13.1729L20.6526 21.7228ZM30.7292 11.6455L28.3746 9.29154L29.3441 8.32199L31.6986 10.6768L30.7292 11.6455Z" fill="#16C2A3"/>
+<rect x="-112.5" y="-562.5" width="1045" height="1481" rx="39.5" stroke="#EF5533"/>
+</svg>
--- a/src/static/icons/user/tool-06.svg
+++ b/src/static/icons/user/tool-06.svg
@ -0,0 +1,7 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-275.5" y="-256.5" width="882" height="354" rx="19.5" stroke="black"/>
+<path d="M20.3272 34C19.6203 34 19.0471 33.4538 19.0471 32.7801C19.0471 32.1064 19.6203 31.5602 20.3272 31.5602C24.6529 31.5602 28.6273 29.2472 30.6999 25.524C31.0305 24.9287 31.8036 24.7008 32.4305 25.018C33.0549 25.3337 33.2924 26.072 32.9612 26.6671C30.4436 31.1903 25.6029 34 20.3272 34ZM33.4124 21.2198C32.7055 21.2198 32.1324 20.6735 32.1324 19.9999C32.1324 13.6257 26.8367 8.43984 20.3272 8.43984C13.8183 8.43984 8.52316 13.6257 8.52316 19.9999C8.52316 20.6735 7.95004 21.2198 7.24315 21.2198C6.53626 21.2198 5.96313 20.6735 5.96313 19.9999C5.96313 12.2804 12.407 6 20.3272 6C28.248 6 34.6925 12.2804 34.6925 19.9999C34.6924 20.6735 34.1193 21.2198 33.4124 21.2198Z" fill="#3C3E42"/>
+<path d="M7.24256 27.479C5.45441 27.479 4 26.0645 4 24.3257V21.6232C4 19.8847 5.45441 18.4702 7.24256 18.4702C9.03071 18.4702 10.4851 19.8847 10.4851 21.6232V24.3257C10.4851 26.0644 9.03071 27.479 7.24256 27.479ZM7.24256 20.9595C6.86631 20.9595 6.56003 21.2572 6.56003 21.6231V24.3257C6.56003 24.6919 6.86627 24.9897 7.24256 24.9897C7.61884 24.9897 7.92509 24.6919 7.92509 24.3257V21.6231C7.92506 21.2572 7.61881 20.9595 7.24256 20.9595ZM32.7574 27.479C30.9693 27.479 29.5149 26.0645 29.5149 24.3257V21.6232C29.5149 19.8847 30.9693 18.4702 32.7574 18.4702C34.5456 18.4702 36 19.8847 36 21.6232V24.3257C36 26.0644 34.5456 27.479 32.7574 27.479ZM32.7574 20.9595C32.3812 20.9595 32.0749 21.2572 32.0749 21.6231V24.3257C32.0749 24.6919 32.3812 24.9897 32.7574 24.9897C33.1337 24.9897 33.44 24.6919 33.44 24.3257V21.6231C33.44 21.2572 33.1337 20.9595 32.7574 20.9595Z" fill="#3C3E42"/>
+<path d="M20.3278 25.6933C18.3384 25.6933 16.5152 25.0797 15.4502 24.0519C14.9533 23.5724 14.9583 22.8001 15.4615 22.3269C15.9646 21.8533 16.7753 21.8575 17.2715 22.3376C17.7097 22.76 18.7728 23.2535 20.3279 23.2535C21.8829 23.2535 22.9461 22.76 23.3842 22.3376C23.8804 21.8581 24.6917 21.8533 25.1942 22.3269C25.6974 22.8001 25.7024 23.5724 25.2055 24.0519C24.1404 25.0797 22.3172 25.6933 20.3278 25.6933Z" fill="#16C2A3"/>
+<rect x="-326.5" y="-562.5" width="1045" height="1481" rx="39.5" stroke="#EF5533"/>
+</svg>
--- a/Show More
+++ b/Show More