From f62843efcfc18d1e356d6850fd039ce1578b2ed7 Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Tue, 9 Dec 2025 06:50:54 +0100
Subject: [PATCH] Refactor Navigation component to use Next.js Link for
 navigation links, improving performance and accessibility.

---
 components/Navigation.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/components/Navigation.tsx b/components/Navigation.tsx
index 8a9888e..322b54f 100644
--- a/components/Navigation.tsx
+++ b/components/Navigation.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import Link from "next/link";
 import PlayerStats from "./PlayerStats";
 
 export default function Navigation() {
@@ -20,24 +21,24 @@ export default function Navigation() {
 
         {/* Navigation Links - Center */}
         <div className="flex items-center gap-6">
-          <a
+          <Link
             href="/"
             className="text-white hover:text-pixel-gold transition text-xs font-normal uppercase tracking-widest"
           >
             HOME
-          </a>
-          <a
+          </Link>
+          <Link
             href="/events"
             className="text-white hover:text-pixel-gold transition text-xs font-normal uppercase tracking-widest"
           >
             EVENTS
-          </a>
-          <a
+          </Link>
+          <Link
             href="/leaderboard"
             className="text-white hover:text-pixel-gold transition text-xs font-normal uppercase tracking-widest"
           >
             LEADERBOARD
-          </a>
+          </Link>
         </div>
 
         {/* Player Stats - Right */}