diff --git a/components.d.ts b/components.d.ts
index 78fb9df..2486606 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -14,5 +14,6 @@ declare module '@vue/runtime-core' {
     RouterView: typeof import('vue-router')['RouterView']
     SmallTag: typeof import('./src/components/SmallTag.vue')['default']
     UserCard: typeof import('./src/components/UserCard.vue')['default']
+    UserLinksBox: typeof import('./src/components/common/UserLinksBox.vue')['default']
   }
 }
diff --git a/src/App.vue b/src/App.vue
index 7fcf065..517bd55 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,4 @@
 <template>
-
   <a-layout>
     <a-layout-header :style="{ padding: '0px', position: 'fixed', zIndex: 1, width: '100%' }">
       <a-row justify="space-between" align="middle">
@@ -54,6 +53,10 @@ async function login(event) {
   }
 }
 
+async function profile(event) {
+  router.push('profiles');
+}
+
 </script>
 
 <style lang=less>
diff --git a/src/views/common/UserLinksBox.vue b/src/components/common/UserLinksBox.vue
similarity index 100%
rename from src/views/common/UserLinksBox.vue
rename to src/components/common/UserLinksBox.vue
diff --git a/src/router/index.js b/src/router/index.js
index 2dd3a8b..3062b8f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -42,6 +42,10 @@ const routes = [
       }
     ],
   },
+  {
+    path: '/profiles',
+    component: () => import(/* webpackChunkName: "profiles" */ '../views/ProfilesView.vue'),
+  },
 ]
 
 const router = createRouter({
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 3bc5544..c179dca 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -8,7 +8,6 @@
 <script setup>
 import gsap from 'gsap';
 import { onMounted } from "@vue/runtime-core";
-import UserLinksBox from "./common/UserLinksBox.vue";
 
 onMounted(()=>{
   gsap.to(".linkbox", {
diff --git a/src/views/ProfilesView.vue b/src/views/ProfilesView.vue
new file mode 100644
index 0000000..fb5e3e2
--- /dev/null
+++ b/src/views/ProfilesView.vue
@@ -0,0 +1,10 @@
+<template>
+
+</template>
+
+<script setup>
+</script>
+
+<style lang="less" scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/User/Services.vue b/src/views/User/Services.vue
index f952018..9485eef 100644
--- a/src/views/User/Services.vue
+++ b/src/views/User/Services.vue
@@ -49,8 +49,6 @@
 </template>
 
 <script setup>
-import UserLinksBox from '../common/UserLinksBox.vue';
-import UserCard from '@/components/UserCard.vue';
 
 import { useAppStore } from '@/store/app';