diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 5657377b..d935fd4d 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -1,31 +1,19 @@
-name: Deploy
-on:
-  workflow_dispatch: {}
-  push:
-    branches:
-      - main
+name: Build and Deploy
+on: [push]
+permissions:
+  contents: write
 jobs:
-  deploy:
-    if: github.repository_owner == 'KotatsuApp'
+  build-and-deploy:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - name: Checkout 🛎️
+        uses: actions/checkout@v3
+
+      - name: Install and Build 🔧 # This example project is built using npm and outputs the result to the 'build' folder. Replace with the commands required to build your project, or remove this step entirely if your site is pre-built.
+        run: |
+          npm run build
+
+      - name: Deploy 🚀
+        uses: JamesIves/github-pages-deploy-action@v4
         with:
-          fetch-depth: 0
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 18
-      - run: npm i --frozen-lockfile
-      - name: Build
-        run: npm run build
-        env:
-          NODE_OPTIONS: "--max_old_space_size=4096"
-      - uses: easingthemes/ssh-deploy@main
-        env:
-          SSH_PRIVATE_KEY: ${{ secrets.SSH_PRIVATE_KEY }}
-          ARGS: '--archive --compress --delete --exclude="/redirect.php"'
-          SOURCE: ".vitepress/dist/"
-          REMOTE_HOST: ${{ secrets.REMOTE_HOST }}
-          REMOTE_USER: ${{ secrets.REMOTE_USER }}
-          REMOTE_PORT: ${{ secrets.REMOTE_PORT }}
-          TARGET: ${{ secrets.REMOTE_TARGET }}
\ No newline at end of file
+          folder: dist # The folder the action should deploy.
\ No newline at end of file
diff --git a/.vitepress/theme/components/HomeHero.vue b/.vitepress/theme/components/HomeHero.vue
index 5b09153b..4651cd1a 100644
--- a/.vitepress/theme/components/HomeHero.vue
+++ b/.vitepress/theme/components/HomeHero.vue
@@ -35,6 +35,9 @@ const qrcode = useQRCode('https://github.com/KotatsuApp/Kotatsu/releases/latest'
           <h1 v-if="data.title" class="title">
             <span v-html="data.title" class="clip"></span>
           </h1>
+          <h2 v-if="data.text" class="text">
+            <span v-html="data.text" class="clip"></span>
+          </h2>
           <p v-if="data.tagline" v-html="data.tagline" class="description"></p>
         </slot>
         <div v-if="data.actions" class="actions">
@@ -124,8 +127,9 @@ const qrcode = useQRCode('https://github.com/KotatsuApp/Kotatsu/releases/latest'
   font-size: 48px;
   letter-spacing: -0.4px;
   line-height: 50px;
-  font-weight: 700;
+  font-weight: 800;
   max-width: 392px;
+  color: var(--vp-c-brand-1);
   white-space: pre-wrap;
 }
 
@@ -137,14 +141,14 @@ const qrcode = useQRCode('https://github.com/KotatsuApp/Kotatsu/releases/latest'
   .title {
     max-width: 576px;
     line-height: 56px;
-    font-size: 48px;
+    font-size: 64px;
   }
 }
 
 @media (min-width: 960px) {
   .title {
     line-height: 64px;
-    font-size: 56px;
+    font-size: 72px;
   }
 
   .VPHomeHero.has-image .title {
@@ -152,8 +156,39 @@ const qrcode = useQRCode('https://github.com/KotatsuApp/Kotatsu/releases/latest'
   }
 }
 
+.text {
+  font-size: 36px;
+  letter-spacing: -0.4px;
+  line-height: 50px;
+  font-weight: 700;
+  max-width: 392px;
+  white-space: pre-wrap;
+}
+
+.VPHomeHero.has-image .text {
+  margin: 0 auto;
+}
+
+@media (min-width: 640px) {
+  .text {
+    max-width: 576px;
+    line-height: 56px;
+    font-size: 36px;
+  }
+}
+
+@media (min-width: 960px) {
+  .text {
+    line-height: 64px;
+    font-size: 56px;
+  }
+
+  .VPHomeHero.has-image .text {
+    margin: 1.5rem 0;
+  }
+}
+
 .description {
-  padding-top: 8px;
   max-width: 392px;
   line-height: 28px;
   font-size: 18px;
@@ -168,7 +203,6 @@ const qrcode = useQRCode('https://github.com/KotatsuApp/Kotatsu/releases/latest'
 
 @media (min-width: 640px) {
   .description {
-    padding-top: 12px;
     max-width: 576px;
     line-height: 32px;
     font-size: 20px;
diff --git a/.vitepress/theme/styles/global.css b/.vitepress/theme/styles/global.css
index ae50ceb2..1301137b 100644
--- a/.vitepress/theme/styles/global.css
+++ b/.vitepress/theme/styles/global.css
@@ -89,6 +89,7 @@
     --vp-local-search-result-shadow: none;
     --vp-local-search-footer-shadow: none;
     --vp-home-hero-image-background-image: linear-gradient(-45deg, var(--vp-c-accent-1) 25%, var(--vp-c-brand-1) 25%);
+    --vp-button-brand-active-text: #0F2F60;
   }
 
   @media (min-width: 640px) {
diff --git a/website/index.md b/website/index.md
index eacd67e3..d89ee941 100644
--- a/website/index.md
+++ b/website/index.md
@@ -3,7 +3,8 @@ title: Kotatsu
 layout: home
 
 main:
-  title: Manga in your pocket
+  title: Kotatsu
+  text: Manga in your pocket
   tagline: A simple and convenient open source manga reader from and for the community, where you can find and read your favorite manga easier than ever.
   image: 
     alt: Kotatsu Logo