From f93733a3ef0fbb1d1842fbc15719a30161a967a8 Mon Sep 17 00:00:00 2001
From: Kohaku-Blueleaf <59680068+KohakuBlueleaf@users.noreply.github.com>
Date: Sat, 4 Oct 2025 17:56:34 +0800
Subject: [PATCH] add getstarted button

---
 src/kohaku-hub-ui/src/pages/index.vue | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/kohaku-hub-ui/src/pages/index.vue b/src/kohaku-hub-ui/src/pages/index.vue
index e748fd2..0a829de 100644
--- a/src/kohaku-hub-ui/src/pages/index.vue
+++ b/src/kohaku-hub-ui/src/pages/index.vue
@@ -5,22 +5,28 @@
     <div class="bg-gradient-to-r from-blue-500 to-purple-600 text-white">
       <div class="container-main py-16 text-center">
         <h1 class="text-5xl font-bold mb-4">Welcome to KohakuHub</h1>
-        <p class="text-xl mb-4">
+        <p class="text-xl mb-8">
           Self-hosted HuggingFace Hub alternative for your AI models and
           datasets
         </p>
-        <!-- <div class="flex gap-4 justify-center">
-          <el-button size="large" type="primary" @click="$router.push('/models')">
-            Browse Models
-          </el-button>
-          <el-button 
-            v-if="!isAuthenticated"
-            size="large" 
-            @click="$router.push('/register')"
+        <div class="flex gap-4 justify-center">
+          <el-button
+            size="large"
+            type="default"
+            class="!bg-white !text-gray-900 hover:!bg-gray-100 !font-semibold !shadow-lg"
+            @click="$router.push('/get-started')"
           >
             Get Started
           </el-button>
-        </div> -->
+          <el-button
+            size="large"
+            plain
+            class="!text-white !border-white !border-2 hover:!bg-white/20 !font-semibold"
+            @click="$router.push('/self-hosted')"
+          >
+            Host Your Own Hub
+          </el-button>
+        </div>
       </div>
     </div>