diff --git a/src/router/index.js b/src/router/index.js
index f25d044..66527f7 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,5 +1,5 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import HomeView from '../views/HomeView.vue'
+
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -7,7 +7,7 @@ const router = createRouter({
     {
       path: '/',
       name: 'home',
-      component: HomeView,
+      component: () => import('../views/HostCenterView.vue'),
     },
     {
       path: '/about',
@@ -21,8 +21,7 @@ const router = createRouter({
     },
     {
       path: '/host-center',
-      name: 'host-center',
-      component: () => import('../views/HostCenterView.vue'),
+      redirect: '/'
     },
     {
       path: '/host-setting',
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
deleted file mode 100644
index 5d4db36..0000000
--- a/src/views/HomeView.vue
+++ /dev/null
@@ -1,120 +0,0 @@
-<script setup>
-import { useRouter } from 'vue-router'
-
-const router = useRouter()
-
-const goToApply = () => {
-  router.push('/apply')
-}
-
-const goToHostCenter = () => {
-  router.push('/host-center')
-}
-
-const goToHostSetting = () => {
-  router.push('/host-setting')
-}
-</script>
-
-<template>
-  <main class="gradient-background-circles">
-    <div class="home-content">
-      <h1>Likei H5 App</h1>
-      <p>Welcome to the demo pages</p>
-      
-      <div class="nav-buttons">
-        <button @click="goToApply" class="nav-btn apply-btn">
-          <span>📝</span>
-          <span>Apply to Join Team</span>
-        </button>
-        
-        <button @click="goToHostCenter" class="nav-btn host-btn">
-          <span>👑</span>
-          <span>Host Center</span>
-        </button>
-        
-        <button @click="goToHostSetting" class="nav-btn setting-btn">
-          <span>⚙️</span>
-          <span>Host Setting</span>
-        </button>
-      </div>
-    </div>
-  </main>
-</template>
-
-<style scoped>
-.home-content {
-  padding: 20px 16px;
-  text-align: center;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  color: #333;
-  margin: 0;
-  position: relative;
-  z-index: 2;
-}
-
-h1 {
-  font-size: 2rem;
-  margin-bottom: 0.8rem;
-  font-weight: 700;
-}
-
-p {
-  font-size: 1rem;
-  margin-bottom: 2rem;
-  opacity: 0.9;
-}
-
-.nav-buttons {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  width: 100%;
-  max-width: 280px;
-  padding: 0 16px;
-}
-
-.nav-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 12px;
-  padding: 16px 24px;
-  border: none;
-  border-radius: 12px;
-  font-size: 1rem;
-  font-weight: 600;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
-  width: 100%;
-}
-
-.nav-btn:active {
-  transform: translateY(1px);
-  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
-}
-
-.apply-btn {
-  background: linear-gradient(135deg, #8B5CF6, #A855F7);
-  color: white;
-}
-
-.host-btn {
-  background: linear-gradient(135deg, #3B82F6, #1D4ED8);
-  color: white;
-}
-
-.setting-btn {
-  background: linear-gradient(135deg, #10B981, #059669);
-  color: white;
-}
-
-.nav-btn span:first-child {
-  font-size: 1.3rem;
-}
-</style>