diff --git a/components/footer.js b/components/footer.js
index d104766..8a0c695 100644
--- a/components/footer.js
+++ b/components/footer.js
@@ -2,20 +2,22 @@ import styles from '../styles/components/Footer.module.css'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faHeart } from '@fortawesome/free-solid-svg-icons'
-const Footer = () => (
-
-
-
-
-
- Made with by Midblep
-
-
- NextJS // Vercel // Airtable
-
+export default function Footer() {
+ return (
+
+
+
+
+
+
+ Made with by Midblep
+
+
+ NextJS // Vercel // Airtable
+
+
+
-
-)
-
-export default Footer
\ No newline at end of file
+ )
+}
\ No newline at end of file
diff --git a/public/js/meow.js b/public/js/meow.js
new file mode 100644
index 0000000..1001a10
--- /dev/null
+++ b/public/js/meow.js
@@ -0,0 +1,6 @@
+const soundBtn = document.querySelector('#clickMeow');
+let myAudio = document.querySelector('#meow');
+soundBtn.addEventListener('click',() => {
+ myAudio.volume = 0.1;
+ myAudio.play();
+});
\ No newline at end of file
diff --git a/public/sound/meow.mp3 b/public/sound/meow.mp3
new file mode 100644
index 0000000..999963f
Binary files /dev/null and b/public/sound/meow.mp3 differ