diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index e91f56e..9459581 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -1,8 +1,17 @@
-import React from 'react';
+import React, { useState } from 'react';
import NavbarLogo from './images/NavbarLogo.png';
+// import NavbarLogo2 from './images/NavbarLogo2.png';
+// import LogoToggle from './music/LogoToggle.mp3'
const Navbar = (props) => {
const { name, score, start } = props;
+ // const [ oldLogo, setOldLogo] = useState(false);
+
+ // const toggleLogo = () => {
+ // setOldLogo(!oldLogo)
+ // const toggleJingle = new Audio(LogoToggle);
+ // toggleJingle.play();
+ // }
return (
diff --git a/src/components/images/NavbarLogo2.png b/src/components/images/NavbarLogo2.png
new file mode 100644
index 0000000..f63ed9f
Binary files /dev/null and b/src/components/images/NavbarLogo2.png differ
diff --git a/src/components/images/NavbarLogo2.png:Zone.Identifier b/src/components/images/NavbarLogo2.png:Zone.Identifier
new file mode 100644
index 0000000..6b317c8
--- /dev/null
+++ b/src/components/images/NavbarLogo2.png:Zone.Identifier
@@ -0,0 +1,4 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=https://cdn2.steamgriddb.com/file/sgdb-cdn/icon/c133fb1bb634af68c5088f3438848bfd.png
+HostUrl=https://cdn2.steamgriddb.com/file/sgdb-cdn/icon/c133fb1bb634af68c5088f3438848bfd.png
diff --git a/src/components/music/LogoToggle.mp3 b/src/components/music/LogoToggle.mp3
new file mode 100644
index 0000000..e2f3aba
Binary files /dev/null and b/src/components/music/LogoToggle.mp3 differ
diff --git a/src/components/music/LogoToggle.mp3:Zone.Identifier b/src/components/music/LogoToggle.mp3:Zone.Identifier
new file mode 100644
index 0000000..68d16ad
--- /dev/null
+++ b/src/components/music/LogoToggle.mp3:Zone.Identifier
@@ -0,0 +1,4 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=about:client
+HostUrl=https://vgmsite.com/soundtracks/banjo-kazooie-s-great-adventure-complete-sound-version/kfjhnkzm/4-26%20Collect%20Extra%20Life.mp3