diff --git a/package.json b/package.json
index 247aae8e..f788f426 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,10 @@
   "version": "0.1.0",
   "type": "module",
   "packageManager": "pnpm@9.14.2",
+  "homepage": "https://vite-starter.element-plus.org",
+  "repository": {
+    "url": "https://github.com/element-plus/element-plus-vite-starter"
+  },
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -20,6 +24,7 @@
   },
   "devDependencies": {
     "@iconify-json/ep": "^1.2.1",
+    "@iconify-json/ri": "^1.2.3",
     "@types/node": "^20.17.6",
     "@vitejs/plugin-vue": "^5.2.0",
     "sass": "^1.81.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0b965ed1..b2d0dcb9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -27,6 +27,9 @@ importers:
       '@iconify-json/ep':
         specifier: ^1.2.1
         version: 1.2.1
+      '@iconify-json/ri':
+        specifier: ^1.2.3
+        version: 1.2.3
       '@types/node':
         specifier: ^20.17.6
         version: 20.17.6
@@ -390,6 +393,9 @@ packages:
   '@iconify-json/ep@1.2.1':
     resolution: {integrity: sha512-m72jNpdlWI7Wd3TPs3RUd6nPiU1WWnWSvpOkM67HWNsyQrZDlTtLstLF9hAK8nhOxENi6ZO670A16mDvWJD9Cw==}
 
+  '@iconify-json/ri@1.2.3':
+    resolution: {integrity: sha512-UVKofd5xkSevGd5K01pvO4NWsu+2C9spu+GxnMZUYymUiaWmpCAxtd22MFSpm6MGf0MP4GCwhDCo1Q8L8oZ9wg==}
+
   '@iconify/types@2.0.0':
     resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
 
@@ -1821,6 +1827,10 @@ snapshots:
     dependencies:
       '@iconify/types': 2.0.0
 
+  '@iconify-json/ri@1.2.3':
+    dependencies:
+      '@iconify/types': 2.0.0
+
   '@iconify/types@2.0.0': {}
 
   '@iconify/utils@2.1.33':
diff --git a/src/components/layouts/BaseHeader.vue b/src/components/layouts/BaseHeader.vue
index 3ea3a8ae..9c36a7e6 100644
--- a/src/components/layouts/BaseHeader.vue
+++ b/src/components/layouts/BaseHeader.vue
@@ -1,10 +1,17 @@
 <script lang="ts" setup>
 import { toggleDark } from "~/composables";
+
+import { repository } from '~/../package.json'
 </script>
 
 <template>
-  <el-menu class="el-menu-demo" mode="horizontal">
-    <el-menu-item index="1">Element Plus</el-menu-item>
+  <el-menu class="el-menu-demo" mode="horizontal" :ellipsis="false" router>
+    <el-menu-item index="/">
+      <div class="flex items-center justify-center gap-2">
+        <div class="text-xl" i-ep-element-plus />
+        <span>Element Plus</span>
+      </div>
+    </el-menu-item>
     <el-sub-menu index="2">
       <template #title>Workspace</template>
       <el-menu-item index="2-1">item one</el-menu-item>
@@ -19,6 +26,8 @@ import { toggleDark } from "~/composables";
     </el-sub-menu>
     <el-menu-item index="3" disabled>Info</el-menu-item>
     <el-menu-item index="4">Orders</el-menu-item>
+
+    
     <el-menu-item h="full" @click="toggleDark()">
       <button
         class="border-none w-full bg-transparent cursor-pointer"
@@ -27,5 +36,19 @@ import { toggleDark } from "~/composables";
         <i inline-flex i="dark:ep-moon ep-sunny" />
       </button>
     </el-menu-item>
+    
+    <el-menu-item h="full">
+      <a class="size-full flex items-center justify-center" :href="repository.url" target="_blank">
+        <div i-ri-github-fill />
+      </a>
+    </el-menu-item>
   </el-menu>
 </template>
+
+<style lang="scss">
+.el-menu-demo {
+  &.ep-menu--horizontal > .ep-menu-item:nth-child(1) {
+    margin-right: auto;
+  }
+}
+</style>
diff --git a/src/components/layouts/BaseSide.vue b/src/components/layouts/BaseSide.vue
index 5c05e4a3..ca37bbcf 100644
--- a/src/components/layouts/BaseSide.vue
+++ b/src/components/layouts/BaseSide.vue
@@ -33,7 +33,7 @@ const handleClose = (key: string, keyPath: string[]) => {
       </template>
       <el-menu-item-group>
         <template #title><span>Group One</span></template>
-        <el-menu-item index="1-1">item one</el-menu-item>
+        <el-menu-item index="/nav/1/item-1">item one</el-menu-item>
         <el-menu-item index="1-2">item two</el-menu-item>
       </el-menu-item-group>
       <el-menu-item-group title="Group Two">
diff --git a/src/pages/nav/1/item-1.vue b/src/pages/nav/1/item-1.vue
new file mode 100644
index 00000000..15e7cc21
--- /dev/null
+++ b/src/pages/nav/1/item-1.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    Item One
+  </div>
+</template>
diff --git a/src/typed-router.d.ts b/src/typed-router.d.ts
index e7a33a5d..b3586f9c 100644
--- a/src/typed-router.d.ts
+++ b/src/typed-router.d.ts
@@ -19,6 +19,7 @@ declare module 'vue-router/auto-routes' {
    */
   export interface RouteNamedMap {
     '/': RouteRecordInfo<'/', '/', Record<never, never>, Record<never, never>>,
+    '/nav/1/item-1': RouteRecordInfo<'/nav/1/item-1', '/nav/1/item-1', Record<never, never>, Record<never, never>>,
     '/nav/2': RouteRecordInfo<'/nav/2', '/nav/2', Record<never, never>, Record<never, never>>,
     '/nav/4': RouteRecordInfo<'/nav/4', '/nav/4', Record<never, never>, Record<never, never>>,
   }