diff --git a/bun.lock b/bun.lock
index 5fb4a91..e3bc75e 100644
--- a/bun.lock
+++ b/bun.lock
@@ -1,5 +1,6 @@
 {
   "lockfileVersion": 1,
+  "configVersion": 0,
   "workspaces": {
     "": {
       "name": "konabot-web",
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index cc88df0..a1fa0d7 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,2 +1,48 @@
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>
+<script>
+    const routes = [
+        { name: '名人名言', path: '/makequote' },
+        { name: 'Latex', path: '/latex' },
+        { name: 'MarkDown', path: '/markdown' }
+    ]
+</script>
+
+<ul>
+    {#each routes as route}
+        <li><a href="{route.path}">{route.name}</a></li>
+    {/each}
+</ul>
+
+<style>
+    ul {
+        list-style: none;
+        padding: 0;
+        display: flex;
+        gap: 1rem;
+        width: 100%;
+        height: 100vh;
+        justify-content: center;
+        align-items: center;
+    }
+
+    a {
+        text-decoration: none;
+        color: #ffffff;
+        display: inline-block;
+        margin: 1em;
+        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+        padding: 0.5em 1em;
+        border-radius: 0.2em;
+        background-color: rgb(0, 170, 0);
+        user-select: none;
+        cursor:default;
+        transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
+    }
+
+    a:hover {
+        transform: scale(1.1);
+    }
+
+    a:active {
+        transform: scale(0.9);
+    }
+</style>
\ No newline at end of file