added easter egg

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 = () => (
+export default function Footer() {
+    return (
         <div>
             <div className={styles.footer}>
                 <div className="container">
+                    <audio src="/sound/meow.mp3" id="meow" preload="auto"></audio>
                     <p>
                         <b>
-                        Made with <FontAwesomeIcon icon={faHeart} style={{color: "#63C5DA"}} size="1x" /> by <a href="https://twitter.com/midblep" className="link" target="_blank">Midblep</a>
+                            Made with <FontAwesomeIcon icon={faHeart} style={{color: "#63C5DA"}} size="1x" id="clickMeow" /> by <a href="https://twitter.com/midblep" className="link" target="_blank">Midblep</a>
                         </b>
                         <br/>
                         NextJS // Vercel // Airtable
                     </p>
                 </div>
             </div>
+            <script src="js/meow.js"></script>
         </div>
-)
-
-export default Footer
+    )
+}

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();
+});