From 185731a9c5f0cfbf1586f01d31c482a02a459a9a Mon Sep 17 00:00:00 2001
From: aqilaziz <gonzes7@gmail.com>
Date: Wed, 6 May 2026 07:13:48 +0700
Subject: [PATCH] Add hover states to navigation links

---
 src/_includes/footer.njk | 15 +++++++++++----
 src/_includes/navbar.njk |  4 ++--
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/_includes/footer.njk b/src/_includes/footer.njk
index 39ff4473..ebcf2f96 100644
--- a/src/_includes/footer.njk
+++ b/src/_includes/footer.njk
@@ -1,9 +1,16 @@
 <footer class="bg-slate-300 py-4">
     <div class="flex justify-center">
         <div class="flex gap-4 text-sm font-bold uppercase text-slate-600 md:gap-6">
-            <a href="{{ '/en/' if lang == 'en' else '/' }}">Home</a>
-            <a href="/about">About</a>
-            <a target="_blank" href="https://goo.gl/forms/ZPyZgIagXcanYwzH2">Contact</a>
+            <a
+                class="cursor-pointer transition duration-200 hover:text-primary-500 hover:underline focus:outline-none focus:ring-4 focus:ring-blue-500"
+                href="{{ '/en/' if lang == 'en' else '/' }}">Home</a>
+            <a
+                class="cursor-pointer transition duration-200 hover:text-primary-500 hover:underline focus:outline-none focus:ring-4 focus:ring-blue-500"
+                href="/about">About</a>
+            <a
+                class="cursor-pointer transition duration-200 hover:text-primary-500 hover:underline focus:outline-none focus:ring-4 focus:ring-blue-500"
+                target="_blank"
+                href="https://goo.gl/forms/ZPyZgIagXcanYwzH2">Contact</a>
         </div>
     </div>
-</footer>
\ No newline at end of file
+</footer>
diff --git a/src/_includes/navbar.njk b/src/_includes/navbar.njk
index 1a48d18a..920ef375 100644
--- a/src/_includes/navbar.njk
+++ b/src/_includes/navbar.njk
@@ -20,7 +20,7 @@
                 <a class="text-white text-opacity-70 hover:text-opacity-100" href="{{ '/en/contribute' if lang == 'en' else '/contribute' }}">{{ 'Contribute' if lang == 'en' else 'Kontribusi' }}</a>
             </div>
             <a
-                class="flex h-9 items-center rounded-full bg-gradient-to-l from-secondary-500 to-secondary-400 px-7 text-sm text-black"
+                class="flex h-9 cursor-pointer items-center rounded-full bg-gradient-to-l from-secondary-500 to-secondary-400 px-7 text-sm text-black transition duration-200 ease-out hover:scale-105 hover:opacity-80 hover:shadow-md focus:outline-none focus:ring-4 focus:ring-blue-500"
                 href="https://github.com/belajarpythoncom/belajarpython.com">
                 <span class="-mt-0.5">Join on Github</span>
                 <img class="ml-2 h-4" src="/img/icon-github.svg" class="button-github-yellow-img"/>
@@ -30,4 +30,4 @@
 </nav>
 {% if not isHomepage %}
     <div class="h-16"></div>
-{% endif %}
\ No newline at end of file
+{% endif %}