diff --git a/public/assets/sounds/ui/zapsplat_multimedia_button_click_001_78078.mp3 b/public/assets/sounds/ui/zapsplat_multimedia_button_click_001_78078.mp3
new file mode 100644
index 0000000..78a414e
Binary files /dev/null and b/public/assets/sounds/ui/zapsplat_multimedia_button_click_001_78078.mp3 differ
diff --git a/public/assets/sounds/ui/zapsplat_multimedia_button_click_004_68776.mp3 b/public/assets/sounds/ui/zapsplat_multimedia_button_click_004_68776.mp3
new file mode 100644
index 0000000..75ee0f6
Binary files /dev/null and b/public/assets/sounds/ui/zapsplat_multimedia_button_click_004_68776.mp3 differ
diff --git a/public/assets/sounds/ui/zapsplat_multimedia_button_click_bright_002_92099.mp3 b/public/assets/sounds/ui/zapsplat_multimedia_button_click_bright_002_92099.mp3
new file mode 100644
index 0000000..dd16bbc
Binary files /dev/null and b/public/assets/sounds/ui/zapsplat_multimedia_button_click_bright_002_92099.mp3 differ
diff --git a/public/assets/sounds/ui/zapsplat_multimedia_button_click_bright_003_92100.mp3 b/public/assets/sounds/ui/zapsplat_multimedia_button_click_bright_003_92100.mp3
new file mode 100644
index 0000000..4bea363
Binary files /dev/null and b/public/assets/sounds/ui/zapsplat_multimedia_button_click_bright_003_92100.mp3 differ
diff --git a/public/scripts/limepot.js b/public/scripts/limepot.js
index 83c5895..6456884 100644
--- a/public/scripts/limepot.js
+++ b/public/scripts/limepot.js
@@ -37,3 +37,31 @@ function OnInput() {
   this.style.height = "auto";
   this.style.height = this.scrollHeight + "px";
 }
+
+// Sound effects
+function PlaySound(soundobj) {
+  var thissound = document.getElementById(soundobj);
+  thissound.play();
+}
+
+function StopSound(soundobj) {
+  var thissound = document.getElementById(soundobj);
+  thissound.pause();
+  thissound.currentTime = 0;
+}
+
+const audio = new Audio("/assets/sounds/ui/zapsplat_multimedia_button_click_004_68776.mp3");
+const buttons = document.querySelectorAll("button");
+const links = document.querySelectorAll("a");
+
+links.forEach(a => {
+  a.addEventListener("click", () => {
+    audio.play();
+  })
+})
+
+buttons.forEach(button => {
+  button.addEventListener("click", () => {
+    audio.play();
+  });
+});
diff --git a/src/components/Header.astro b/src/components/Header.astro
index e6f8f4c..512c165 100755
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -3,8 +3,16 @@ import HeaderLink from "./HeaderLink.astro";
 import { SITE_TITLE } from "../consts";
 ---
 
+<!--
+    onmouseover="PlaySound('hoverSound')"
+    onmouseout="StopSound('hoverSound')" -->
+
 <nav class="menu content">
-  <button class="custom-btn btn-1" type="button" onclick="location.href='/'">
+  <button
+    class="custom-btn btn-1"
+    type="button"
+    onclick="location.href='/'"
+  >
     <span>Home</span>
   </button>
 
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 2c24b80..400cd19 100755
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -15,5 +15,9 @@ import Footer from "../components/Footer.astro";
     <Footer />
     <script type="text/javascript" src="/scripts/limepot.js"></script>
     <script type="text/javascript" src="/scripts/ntfy.js"></script>
+    <audio
+    id="clickSound"
+    src="/assets/sounds/ui/zapsplat_multimedia_button_click_004_68776.mp3"
+  ></audio>
   </body>
 </html>