diff --git a/apps/readest-app/public/locales/ar/translation.json b/apps/readest-app/public/locales/ar/translation.json
index c4f82a24..3623179c 100644
--- a/apps/readest-app/public/locales/ar/translation.json
+++ b/apps/readest-app/public/locales/ar/translation.json
@@ -538,5 +538,10 @@
   "Play": "تشغيل",
   "Next Sentence": "الجملة التالية",
   "Next Paragraph": "الفقرة التالية",
-  "Separate Cover Page": "صفحة غلاف منفصلة"
+  "Separate Cover Page": "صفحة غلاف منفصلة",
+  "Resize Notebook": "تغيير حجم المفكرة",
+  "Resize Sidebar": "تغيير حجم الشريط الجانبي",
+  "Menu": "القائمة",
+  "Dismiss": "رفض",
+  "Get Help from the Readest Community": "الحصول على المساعدة من مجتمع ريديست"
 }
diff --git a/apps/readest-app/public/locales/bn/translation.json b/apps/readest-app/public/locales/bn/translation.json
index 8dbd04d6..5bf5b873 100644
--- a/apps/readest-app/public/locales/bn/translation.json
+++ b/apps/readest-app/public/locales/bn/translation.json
@@ -522,5 +522,10 @@
   "Play": "চালান",
   "Next Sentence": "পরবর্তী বাক্য",
   "Next Paragraph": "পরবর্তী অনুচ্ছেদ",
-  "Separate Cover Page": "আলাদা কভার পৃষ্ঠা"
+  "Separate Cover Page": "আলাদা কভার পৃষ্ঠা",
+  "Resize Notebook": "নোটবুকের আকার পরিবর্তন",
+  "Resize Sidebar": "সাইডবারের আকার পরিবর্তন",
+  "Menu": "মেনু",
+  "Dismiss": "বাতিল",
+  "Get Help from the Readest Community": "রিডেস্ট কমিউনিটি থেকে সাহায্য নিন"
 }
diff --git a/apps/readest-app/public/locales/bo/translation.json b/apps/readest-app/public/locales/bo/translation.json
index d32cdc43..0c5fcf46 100644
--- a/apps/readest-app/public/locales/bo/translation.json
+++ b/apps/readest-app/public/locales/bo/translation.json
@@ -518,5 +518,10 @@
   "Play": "གཏོང་བ།",
   "Next Sentence": "རྗེས་ཀྱི་ཚིག་གྲུབ།",
   "Next Paragraph": "རྗེས་ཀྱི་དོན་ཚན།",
-  "Separate Cover Page": "སྟོང་ངོས་གི་ཤོག་དཀར་པ།"
+  "Separate Cover Page": "སྟོང་ངོས་གི་ཤོག་དཀར་པ།",
+  "Resize Notebook": "དེབ་སྣོད་གཅོད་སྒྲིག",
+  "Resize Sidebar": "གཡས་སྒོ་གཅོད་སྒྲིག",
+  "Menu": "སྒེའུ་ཁུང་།",
+  "Dismiss": "བརྟེན་སྒྲིག",
+  "Get Help from the Readest Community": "Readest མཛའ་བརྩེའི་རོགས་རམ་ལོངས་སུ་རོགས་རམ་ཐོབ།"
 }
diff --git a/apps/readest-app/public/locales/de/translation.json b/apps/readest-app/public/locales/de/translation.json
index a679e79b..40f0db85 100644
--- a/apps/readest-app/public/locales/de/translation.json
+++ b/apps/readest-app/public/locales/de/translation.json
@@ -522,5 +522,10 @@
   "Play": "Wiedergabe",
   "Next Sentence": "Nächster Satz",
   "Next Paragraph": "Nächster Absatz",
-  "Separate Cover Page": "Titelseite separat anzeigen"
+  "Separate Cover Page": "Titelseite separat anzeigen",
+  "Resize Notebook": "Notizbuchgröße ändern",
+  "Resize Sidebar": "Seitenleisten-Größe ändern",
+  "Menu": "Menü",
+  "Dismiss": "Schließen",
+  "Get Help from the Readest Community": "Hilfe von der Readest-Community erhalten"
 }
diff --git a/apps/readest-app/public/locales/el/translation.json b/apps/readest-app/public/locales/el/translation.json
index 369a6e99..c7877e1a 100644
--- a/apps/readest-app/public/locales/el/translation.json
+++ b/apps/readest-app/public/locales/el/translation.json
@@ -522,5 +522,10 @@
   "Play": "Αναπαραγωγή",
   "Next Sentence": "Επόμενη πρόταση",
   "Next Paragraph": "Επόμενη παράγραφος",
-  "Separate Cover Page": "Ξεχωριστή σελίδα εξωφύλλου"
+  "Separate Cover Page": "Ξεχωριστή σελίδα εξωφύλλου",
+  "Resize Notebook": "Αλλαγή μεγέθους σημειωματάριου",
+  "Resize Sidebar": "Αλλαγή μεγέθους πλαϊνής γραμμής",
+  "Menu": "Μενού",
+  "Dismiss": "Απόρριψη",
+  "Get Help from the Readest Community": "Λάβετε βοήθεια από την κοινότητα Readest"
 }
diff --git a/apps/readest-app/public/locales/es/translation.json b/apps/readest-app/public/locales/es/translation.json
index 871c680d..88c7f05d 100644
--- a/apps/readest-app/public/locales/es/translation.json
+++ b/apps/readest-app/public/locales/es/translation.json
@@ -526,5 +526,10 @@
   "Play": "Reproducir",
   "Next Sentence": "Siguiente oración",
   "Next Paragraph": "Siguiente párrafo",
-  "Separate Cover Page": "Portada separada"
+  "Separate Cover Page": "Portada separada",
+  "Resize Notebook": "Redimensionar cuaderno",
+  "Resize Sidebar": "Redimensionar barra lateral",
+  "Menu": "Menú",
+  "Dismiss": "Descartar",
+  "Get Help from the Readest Community": "Obtén ayuda de la comunidad de Readest"
 }
diff --git a/apps/readest-app/public/locales/fr/translation.json b/apps/readest-app/public/locales/fr/translation.json
index c095077c..58203b32 100644
--- a/apps/readest-app/public/locales/fr/translation.json
+++ b/apps/readest-app/public/locales/fr/translation.json
@@ -526,5 +526,10 @@
   "Play": "Lecture",
   "Next Sentence": "Phrase suivante",
   "Next Paragraph": "Paragraphe suivant",
-  "Separate Cover Page": "Page de couverture séparée"
+  "Separate Cover Page": "Page de couverture séparée",
+  "Resize Notebook": "Redimensionner le Carnet",
+  "Resize Sidebar": "Redimensionner la Barre Latérale",
+  "Menu": "Menu",
+  "Dismiss": "Fermer",
+  "Get Help from the Readest Community": "Obtenir de l'aide de la communauté Readest"
 }
diff --git a/apps/readest-app/public/locales/hi/translation.json b/apps/readest-app/public/locales/hi/translation.json
index ac0596d0..9259a65d 100644
--- a/apps/readest-app/public/locales/hi/translation.json
+++ b/apps/readest-app/public/locales/hi/translation.json
@@ -522,5 +522,10 @@
   "Play": "चलाएं",
   "Next Sentence": "अगला वाक्य",
   "Next Paragraph": "अगला पैराग्राफ",
-  "Separate Cover Page": "अलग कवर पृष्ठ"
+  "Separate Cover Page": "अलग कवर पृष्ठ",
+  "Resize Notebook": "नोटबुक का आकार बदलें",
+  "Resize Sidebar": "साइडबार का आकार बदलें",
+  "Menu": "मेनू",
+  "Dismiss": "खारिज करें",
+  "Get Help from the Readest Community": "Readest समुदाय से मदद लें"
 }
diff --git a/apps/readest-app/public/locales/id/translation.json b/apps/readest-app/public/locales/id/translation.json
index 8086a516..b088b367 100644
--- a/apps/readest-app/public/locales/id/translation.json
+++ b/apps/readest-app/public/locales/id/translation.json
@@ -518,5 +518,10 @@
   "Play": "Putar",
   "Next Sentence": "Kalimat Berikutnya",
   "Next Paragraph": "Paragraf Berikutnya",
-  "Separate Cover Page": "Halaman Sampul Terpisah"
+  "Separate Cover Page": "Halaman Sampul Terpisah",
+  "Resize Notebook": "Ubah Ukuran Buku Catatan",
+  "Resize Sidebar": "Ubah Ukuran Bilah Samping",
+  "Menu": "Menu",
+  "Dismiss": "Tutup",
+  "Get Help from the Readest Community": "Dapatkan Bantuan dari Komunitas Readest"
 }
diff --git a/apps/readest-app/public/locales/it/translation.json b/apps/readest-app/public/locales/it/translation.json
index ff5d8d75..de8957de 100644
--- a/apps/readest-app/public/locales/it/translation.json
+++ b/apps/readest-app/public/locales/it/translation.json
@@ -526,5 +526,10 @@
   "Play": "Riproduci",
   "Next Sentence": "Frase successiva",
   "Next Paragraph": "Paragrafo successivo",
-  "Separate Cover Page": "Pagina di copertina separata"
+  "Separate Cover Page": "Pagina di copertina separata",
+  "Resize Notebook": "Ridimensiona quaderno",
+  "Resize Sidebar": "Ridimensiona barra laterale",
+  "Menu": "Menu",
+  "Dismiss": "Chiudi",
+  "Get Help from the Readest Community": "Ottieni aiuto dalla community di Readest"
 }
diff --git a/apps/readest-app/public/locales/ja/translation.json b/apps/readest-app/public/locales/ja/translation.json
index 61e8265a..c9f98a3c 100644
--- a/apps/readest-app/public/locales/ja/translation.json
+++ b/apps/readest-app/public/locales/ja/translation.json
@@ -518,5 +518,10 @@
   "Play": "再生",
   "Next Sentence": "次の文",
   "Next Paragraph": "次の段落",
-  "Separate Cover Page": "別の表紙ページ"
+  "Separate Cover Page": "別の表紙ページ",
+  "Resize Notebook": "ノートのサイズ変更",
+  "Resize Sidebar": "サイドバーのサイズ変更",
+  "Menu": "メニュー",
+  "Dismiss": "閉じる",
+  "Get Help from the Readest Community": "Readestコミュニティからヘルプを得る"
 }
diff --git a/apps/readest-app/public/locales/ko/translation.json b/apps/readest-app/public/locales/ko/translation.json
index 6b922328..1f2ec19f 100644
--- a/apps/readest-app/public/locales/ko/translation.json
+++ b/apps/readest-app/public/locales/ko/translation.json
@@ -518,5 +518,10 @@
   "Play": "재생",
   "Next Sentence": "다음 문장",
   "Next Paragraph": "다음 단락",
-  "Separate Cover Page": "별도의 표지 페이지"
+  "Separate Cover Page": "별도의 표지 페이지",
+  "Resize Notebook": "노트북 크기 조정",
+  "Resize Sidebar": "사이드바 크기 조정",
+  "Menu": "메뉴",
+  "Dismiss": "닫기",
+  "Get Help from the Readest Community": "Readest 커뮤니티에서 도움 받기"
 }
diff --git a/apps/readest-app/public/locales/nl/translation.json b/apps/readest-app/public/locales/nl/translation.json
index 694dea78..2356f6e9 100644
--- a/apps/readest-app/public/locales/nl/translation.json
+++ b/apps/readest-app/public/locales/nl/translation.json
@@ -522,5 +522,10 @@
   "Play": "Afspelen",
   "Next Sentence": "Volgende zin",
   "Next Paragraph": "Volgende alinea",
-  "Separate Cover Page": "Afzonderlijke omslagpagina"
+  "Separate Cover Page": "Afzonderlijke omslagpagina",
+  "Resize Notebook": "Formaat Notitieblok Aanpassen",
+  "Resize Sidebar": "Formaat Zijbalk Aanpassen",
+  "Menu": "Menu",
+  "Dismiss": "Sluiten",
+  "Get Help from the Readest Community": "Hulp krijgen van de Readest Community"
 }
diff --git a/apps/readest-app/public/locales/pl/translation.json b/apps/readest-app/public/locales/pl/translation.json
index 50bca5b7..f0ad4105 100644
--- a/apps/readest-app/public/locales/pl/translation.json
+++ b/apps/readest-app/public/locales/pl/translation.json
@@ -530,5 +530,10 @@
   "Play": "Odtwórz",
   "Next Sentence": "Następne zdanie",
   "Next Paragraph": "Następny akapit",
-  "Separate Cover Page": "Osobna strona okładki"
+  "Separate Cover Page": "Osobna strona okładki",
+  "Resize Notebook": "Zmień rozmiar notatnika",
+  "Resize Sidebar": "Zmień rozmiar paska bocznego",
+  "Menu": "Menu",
+  "Dismiss": "Odrzuć",
+  "Get Help from the Readest Community": "Uzyskaj pomoc od społeczności Readest"
 }
diff --git a/apps/readest-app/public/locales/pt/translation.json b/apps/readest-app/public/locales/pt/translation.json
index df22bb61..54404ca4 100644
--- a/apps/readest-app/public/locales/pt/translation.json
+++ b/apps/readest-app/public/locales/pt/translation.json
@@ -526,5 +526,10 @@
   "Play": "Reproduzir",
   "Next Sentence": "Próxima frase",
   "Next Paragraph": "Próximo parágrafo",
-  "Separate Cover Page": "Páginas de Capa Separadas"
+  "Separate Cover Page": "Páginas de Capa Separadas",
+  "Resize Notebook": "Redimensionar Caderno",
+  "Resize Sidebar": "Redimensionar Barra Lateral",
+  "Menu": "Menu",
+  "Dismiss": "Dispensar",
+  "Get Help from the Readest Community": "Obter ajuda da comunidade Readest"
 }
diff --git a/apps/readest-app/public/locales/ru/translation.json b/apps/readest-app/public/locales/ru/translation.json
index 4e6dfa44..a7531778 100644
--- a/apps/readest-app/public/locales/ru/translation.json
+++ b/apps/readest-app/public/locales/ru/translation.json
@@ -530,5 +530,10 @@
   "Play": "Воспроизвести",
   "Next Sentence": "Следующее предложение",
   "Next Paragraph": "Следующий абзац",
-  "Separate Cover Page": "Отдельная страница обложки"
+  "Separate Cover Page": "Отдельная страница обложки",
+  "Resize Notebook": "Изменить размер блокнота",
+  "Resize Sidebar": "Изменить размер боковой панели",
+  "Menu": "Меню",
+  "Dismiss": "Закрыть",
+  "Get Help from the Readest Community": "Получить помощь от сообщества Readest"
 }
diff --git a/apps/readest-app/public/locales/si/translation.json b/apps/readest-app/public/locales/si/translation.json
index 8f39e54f..002ba5e7 100644
--- a/apps/readest-app/public/locales/si/translation.json
+++ b/apps/readest-app/public/locales/si/translation.json
@@ -522,5 +522,10 @@
   "Play": "වාදනය කරන්න",
   "Next Sentence": "මීළඟ වාක්‍යය",
   "Next Paragraph": "මීළඟ ඡේදය",
-  "Separate Cover Page": "වෙන් වූ ආවරණ පිටුව"
+  "Separate Cover Page": "වෙන් වූ ආවරණ පිටුව",
+  "Resize Notebook": "සටහන් පොතේ ප්‍රමාණය වෙනස් කරන්න",
+  "Resize Sidebar": "පැති තීරුවේ ප්‍රමාණය වෙනස් කරන්න",
+  "Menu": "මෙනුව",
+  "Dismiss": "අත්හැරීම",
+  "Get Help from the Readest Community": "Readest ප්‍රජාවෙන් උදව් ලබා ගන්න"
 }
diff --git a/apps/readest-app/public/locales/ta/translation.json b/apps/readest-app/public/locales/ta/translation.json
index ca944b92..127166ec 100644
--- a/apps/readest-app/public/locales/ta/translation.json
+++ b/apps/readest-app/public/locales/ta/translation.json
@@ -522,5 +522,10 @@
   "Play": "இயக்கு",
   "Next Sentence": "அடுத்த வாக்கியம்",
   "Next Paragraph": "அடுத்த பத்தி",
-  "Separate Cover Page": "தனித்த அட்டை பக்கம்"
+  "Separate Cover Page": "தனித்த அட்டை பக்கம்",
+  "Resize Notebook": "குறிப்பேட்டை மீட்டமைக்கவும்",
+  "Resize Sidebar": "பக்கப்பட்டியை மீட்டமைக்கவும்",
+  "Menu": "மெனு",
+  "Dismiss": "நிராகரிக்கவும்",
+  "Get Help from the Readest Community": "Readest சமூகத்திலிருந்து உதவி பெறவும்"
 }
diff --git a/apps/readest-app/public/locales/th/translation.json b/apps/readest-app/public/locales/th/translation.json
index 1b65cbcf..c426c7ea 100644
--- a/apps/readest-app/public/locales/th/translation.json
+++ b/apps/readest-app/public/locales/th/translation.json
@@ -518,5 +518,10 @@
   "Play": "เล่น",
   "Next Sentence": "ประโยคถัดไป",
   "Next Paragraph": "ย่อหน้าถัดไป",
-  "Separate Cover Page": "หน้าปกแยกต่างหาก"
+  "Separate Cover Page": "หน้าปกแยกต่างหาก",
+  "Resize Notebook": "ปรับขนาดสมุดบันทึก",
+  "Resize Sidebar": "ปรับขนาดแถบข้าง",
+  "Menu": "เมนู",
+  "Dismiss": "ปิด",
+  "Get Help from the Readest Community": "รับความช่วยเหลือจากชุมชน Readest"
 }
diff --git a/apps/readest-app/public/locales/tr/translation.json b/apps/readest-app/public/locales/tr/translation.json
index 7eddc344..dfd43f5a 100644
--- a/apps/readest-app/public/locales/tr/translation.json
+++ b/apps/readest-app/public/locales/tr/translation.json
@@ -522,5 +522,10 @@
   "Play": "Oynat",
   "Next Sentence": "Sonraki Cümle",
   "Next Paragraph": "Sonraki Paragraf",
-  "Separate Cover Page": "Ayrı Kapak Sayfası"
+  "Separate Cover Page": "Ayrı Kapak Sayfası",
+  "Resize Notebook": "Defteri Yeniden Boyutlandır",
+  "Resize Sidebar": "Kenar Çubuğunu Yeniden Boyutlandır",
+  "Menu": "Menü",
+  "Dismiss": "Kapat",
+  "Get Help from the Readest Community": "Readest Topluluğundan Yardım Alın"
 }
diff --git a/apps/readest-app/public/locales/uk/translation.json b/apps/readest-app/public/locales/uk/translation.json
index c5cf2e66..a018fda3 100644
--- a/apps/readest-app/public/locales/uk/translation.json
+++ b/apps/readest-app/public/locales/uk/translation.json
@@ -530,5 +530,10 @@
   "Play": "Відтворити",
   "Next Sentence": "Наступне речення",
   "Next Paragraph": "Наступний абзац",
-  "Separate Cover Page": "Окрема сторінка обкладинки"
+  "Separate Cover Page": "Окрема сторінка обкладинки",
+  "Resize Notebook": "Змінити розмір блокнота",
+  "Resize Sidebar": "Змінити розмір бічної панелі",
+  "Menu": "Меню",
+  "Dismiss": "Відхилити",
+  "Get Help from the Readest Community": "Отримати допомогу від спільноти Readest"
 }
diff --git a/apps/readest-app/public/locales/vi/translation.json b/apps/readest-app/public/locales/vi/translation.json
index 8beafcd5..80829816 100644
--- a/apps/readest-app/public/locales/vi/translation.json
+++ b/apps/readest-app/public/locales/vi/translation.json
@@ -518,5 +518,10 @@
   "Play": "Phát",
   "Next Sentence": "Câu tiếp theo",
   "Next Paragraph": "Đoạn tiếp theo",
-  "Separate Cover Page": "Trang Bìa Riêng"
+  "Separate Cover Page": "Trang Bìa Riêng",
+  "Resize Notebook": "Thay Đổi Kích Thước Sổ Ghi Chép",
+  "Resize Sidebar": "Thay Đổi Kích Thước Thanh Bên",
+  "Menu": "Menu",
+  "Dismiss": "Đóng",
+  "Get Help from the Readest Community": "Nhận Trợ Giúp từ Cộng Đồng Readest"
 }
diff --git a/apps/readest-app/public/locales/zh-CN/translation.json b/apps/readest-app/public/locales/zh-CN/translation.json
index 20a6f821..01117562 100644
--- a/apps/readest-app/public/locales/zh-CN/translation.json
+++ b/apps/readest-app/public/locales/zh-CN/translation.json
@@ -518,5 +518,10 @@
   "Play": "播放",
   "Next Sentence": "下一句",
   "Next Paragraph": "下一段",
-  "Separate Cover Page": "单独封面页"
+  "Separate Cover Page": "单独封面页",
+  "Resize Notebook": "调整笔记本大小",
+  "Resize Sidebar": "调整侧边栏大小",
+  "Menu": "菜单",
+  "Dismiss": "关闭",
+  "Get Help from the Readest Community": "从 Readest 社区获取帮助"
 }
diff --git a/apps/readest-app/public/locales/zh-TW/translation.json b/apps/readest-app/public/locales/zh-TW/translation.json
index 8f008b63..c266d386 100644
--- a/apps/readest-app/public/locales/zh-TW/translation.json
+++ b/apps/readest-app/public/locales/zh-TW/translation.json
@@ -518,5 +518,10 @@
   "Play": "播放",
   "Next Sentence": "下一句",
   "Next Paragraph": "下一段",
-  "Separate Cover Page": "單獨封面頁"
+  "Separate Cover Page": "單獨封面頁",
+  "Resize Notebook": "調整筆記本大小",
+  "Resize Sidebar": "調整側邊欄大小",
+  "Menu": "選單",
+  "Dismiss": "關閉",
+  "Get Help from the Readest Community": "從 Readest 社群獲取幫助"
 }
diff --git a/apps/readest-app/src/components/AboutWindow.tsx b/apps/readest-app/src/components/AboutWindow.tsx
index 7ea9b319..10d30a27 100644
--- a/apps/readest-app/src/components/AboutWindow.tsx
+++ b/apps/readest-app/src/components/AboutWindow.tsx
@@ -5,6 +5,7 @@ import { useTranslation } from '@/hooks/useTranslation';
 import { checkForAppUpdates, checkAppReleaseNotes } from '@/helpers/updater';
 import { parseWebViewVersion } from '@/utils/ua';
 import { getAppVersion } from '@/utils/version';
+import SupportLinks from './SupportLinks';
 import LegalLinks from './LegalLinks';
 import Dialog from './Dialog';
 import Link from './Link';
@@ -83,7 +84,7 @@ export const AboutWindow = () => {
       isOpen={isOpen}
       title={_('About Readest')}
       onClose={handleClose}
-      boxClassName='sm:!w-96 sm:h-auto'
+      boxClassName='sm:!w-[480px] sm:!max-w-screen-sm sm:h-auto'
     >
       {isOpen && (
         <div className='about-content flex h-full flex-col items-center justify-center'>
@@ -97,7 +98,7 @@ export const AboutWindow = () => {
                 {_('Version {{version}}', { version: getAppVersion() })} {`(${browserInfo})`}
               </p>
             </div>
-            <div className='h-5'>
+            <div className='my-1 h-5'>
               {!updateStatus && (
                 <button
                   className='badge badge-primary cursor-pointer p-2'
@@ -122,12 +123,12 @@ export const AboutWindow = () => {
 
           <div className='divider py-16 sm:py-2'></div>
 
-          <div className='flex flex-col items-center px-4 text-center' dir='ltr'>
+          <div className='flex flex-col items-center gap-2 px-4 text-center' dir='ltr'>
             <p className='text-neutral-content text-sm'>
               © {new Date().getFullYear()} Bilingify LLC. All rights reserved.
             </p>
 
-            <p className='text-neutral-content mt-2 text-xs'>
+            <p className='text-neutral-content text-xs'>
               This software is licensed under the{' '}
               <Link
                 href='https://www.gnu.org/licenses/agpl-3.0.html'
@@ -138,7 +139,7 @@ export const AboutWindow = () => {
               . You are free to use, modify, and distribute this software under the terms of the
               AGPL v3 license. Please see the license for more details.
             </p>
-            <p className='text-neutral-content my-2 text-xs'>
+            <p className='text-neutral-content text-xs'>
               Source code is available at{' '}
               <Link href='https://github.com/readest/readest' className='text-blue-500 underline'>
                 GitHub
@@ -147,6 +148,7 @@ export const AboutWindow = () => {
             </p>
 
             <LegalLinks />
+            <SupportLinks />
           </div>
         </div>
       )}
diff --git a/apps/readest-app/src/components/Link.tsx b/apps/readest-app/src/components/Link.tsx
index 7b2d3020..9c49a5b7 100644
--- a/apps/readest-app/src/components/Link.tsx
+++ b/apps/readest-app/src/components/Link.tsx
@@ -3,6 +3,7 @@ import { openUrl } from '@tauri-apps/plugin-opener';
 
 interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
   href: string;
+  title?: string;
 }
 
 const Link: React.FC<LinkProps> = ({ href, children, ...props }) => {
diff --git a/apps/readest-app/src/components/SupportLinks.tsx b/apps/readest-app/src/components/SupportLinks.tsx
new file mode 100644
index 00000000..799e1f2e
--- /dev/null
+++ b/apps/readest-app/src/components/SupportLinks.tsx
@@ -0,0 +1,43 @@
+import { FaGithub, FaDiscord, FaReddit } from 'react-icons/fa';
+import { useTranslation } from '@/hooks/useTranslation';
+import { useResponsiveSize } from '@/hooks/useResponsiveSize';
+import Link from './Link';
+
+const SupportLinks = () => {
+  const _ = useTranslation();
+  const iconSize = useResponsiveSize(22);
+
+  return (
+    <div className='my-2 flex flex-col items-center gap-2'>
+      <p className='text-neutral-content text-sm'>{_('Get Help from the Readest Community')}</p>
+      <div className='flex gap-4'>
+        <Link
+          href='https://github.com/readest/readest'
+          className='flex items-center gap-2 rounded-full bg-gray-800 p-1.5 text-white transition-colors hover:bg-gray-700'
+          title='GitHub'
+          aria-label='GitHub'
+        >
+          <FaGithub size={iconSize} />
+        </Link>
+        <Link
+          href='https://discord.gg/gntyVNk3BJ'
+          className='flex items-center gap-2 rounded-full bg-indigo-600 p-1.5 text-white transition-colors hover:bg-indigo-500'
+          title='Discord'
+          aria-label='Discord'
+        >
+          <FaDiscord size={iconSize} />
+        </Link>
+        <Link
+          href='https://reddit.com/r/readest/'
+          className='flex items-center gap-2 rounded-full bg-orange-600 p-1.5 text-white transition-colors hover:bg-orange-500'
+          title='Reddit'
+          aria-label='Reddit'
+        >
+          <FaReddit size={iconSize} />
+        </Link>
+      </div>
+    </div>
+  );
+};
+
+export default SupportLinks;