diff --git a/components/i/Create.vue b/components/i/Create.vue
index 0594657e43a22ea2e62b39dbc356a3a29ae4d54d..36e1726a552ffdc5f06ed4d9b3b9b3cf6e5b4b56 100644
--- a/components/i/Create.vue
+++ b/components/i/Create.vue
@@ -111,6 +111,13 @@ const handleSearch = async () => {
     navigateTo(`/search/${data.value.data.c_id}`)
     emits('search')
 }
+function handleQuickSearch (title) {
+    query.value = title
+    handleSearch()
+}
+defineExpose({
+    handleQuickSearch
+})
 function handleClearRepo () {
     selectedRepo.value = ''
 }
diff --git a/components/i/Logo.vue b/components/i/Logo.vue
index 4527136ff1c6a5b1aa6e9993f67e46698a742302..c9e0f1c9a37ae0a3596a3fc92ad648300585be35 100644
--- a/components/i/Logo.vue
+++ b/components/i/Logo.vue
@@ -1,5 +1,5 @@
 <template>
     <div class="flex justify-center">
-        <NuxtLink to="/" class="font-mono text-2xl font-medium">GitBot.AI</NuxtLink>
+        <NuxtLink to="/" class="font-mono text-2xl font-medium">GitBot.<span class="text-primary">AI</span></NuxtLink>
     </div>
 </template>
\ No newline at end of file
diff --git a/components/i/SearchHistory.vue b/components/i/SearchHistory.vue
index a09594d7b2a0bd33f9c6a6a9edd98c0dc79bd217..982b1cbd139c61dfb93cf15eed7051f9b4b907b8 100644
--- a/components/i/SearchHistory.vue
+++ b/components/i/SearchHistory.vue
@@ -29,7 +29,7 @@
                         :to="`/search/${item.c_id}`"
                         @click="handleClickItem"
                     >
-                        <div class="flex-grow truncate">{{ item.title }}</div>
+                        <div class="flex-grow truncate" :title="item.title">{{ item.title }}</div>
                     </UButton>
                 </template>
             </div>
diff --git a/pages/index.vue b/pages/index.vue
index 40ccc2e5d40bf2741f3a88ba929817a55a624c36..c703ba69022cdbd45f934b5aa34a123e5a3d4d75 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -2,6 +2,43 @@
     <div class="flex flex-col items-center justify-center w-full h-full">
         <ILogo />
         <div class="mt-2">开源搜索，直达结果</div>
-        <ICreate />
+        <ICreate ref="refCreate" />
+        <div class="max-w-screen-md w-full p-6 grid grid-cols-1 lg:grid-cols-2 gap-4">
+            <template v-for="(item, index) in recommendQuestions" :key="index">
+                <UButton
+                    class="flex justify-between"
+                    color="gray"
+                    :variant="colorMode.value === 'dark' ? 'solid' : 'soft'"
+                    size="md"
+                    :trailing-icon="item.c_id ? 'i-heroicons-chevron-right-20-solid' : 'i-heroicons-plus-20-solid'"
+                    :label="item.title"
+                    :to="item.c_id ? `/search/${item.c_id}` : ''"
+                    @click="handleSearch(item)"
+                />
+            </template>
+        </div>
     </div>
 </template>
+<script setup>
+const colorMode = useColorMode()
+const recommendQuestions = [
+    {
+        title: '如何解决 CORS 问题',
+        c_id: 'c_CawfQuhqPxGy1Ny9'
+    },
+    {
+        title: 'Tailwind CSS 响应式设计指南',
+        c_id: 'c_1iVipFddPrGXDioC'
+    },
+    {
+        title: '有哪些有效的方法可以应对 DDoS 攻击？'
+    },
+    {
+        title: '如何防止网站被爬'
+    }
+]
+const refCreate = ref(null)
+function handleSearch (item) {
+    if (!item.c_id) refCreate.value.handleQuickSearch(item.title)
+}
+</script>
\ No newline at end of file