From 1c618121df93bfef75f640c80dfe7b96be4cbbea Mon Sep 17 00:00:00 2001
From: cialloo <admin@cialloo.com>
Date: Fri, 3 Oct 2025 16:29:56 +0800
Subject: [PATCH] Refactor footer links to use React Router's Link component
 for improved navigation

---
 src/components/Footer.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index c9c9e10..a1f4217 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,4 +1,5 @@
 import { useTranslation } from 'react-i18next'
+import { Link } from 'react-router-dom'
 
 function Footer() {
   const { t } = useTranslation()
@@ -12,12 +13,12 @@ function Footer() {
         </div>
         <div className="footer-section">
           <h4>{t('footer.quickLinks')}</h4>
-          <a href="/">{t('nav.home')}</a>
-          <a href="/#servers">{t('nav.servers')}</a>
-          <a href="/#blog">{t('nav.blog')}</a>
+          <Link to="/">{t('nav.home')}</Link>
+          <Link to="/servers">{t('nav.servers')}</Link>
+          <Link to="/blog">{t('nav.blog')}</Link>
           <a href="https://git.cialloo.com">{t('nav.git')}</a>
           <a href="/#forum">{t('nav.forum')}</a>
-          <a href="/friends">{t('nav.friends')}</a>
+          <Link to="/friends">{t('nav.friends')}</Link>
         </div>
         <div className="footer-section">
           <h4>{t('footer.communityLinks')}</h4>