oh i bet we did

components/Soundboard/index.tsx

@@ -24,6 +24,7 @@ export default function Soundboard() {
   const slowItDownRef = useRef<HTMLAudioElement>(null);
   const bassDrumsRef = useRef<HTMLAudioElement>(null);
   const goodThingsRef = useRef<HTMLAudioElement>(null);
+  const betWeDidRef = useRef<HTMLAudioElement>(null);
 
   const getButton = (title: string, ref: RefObject<HTMLAudioElement | null>) => {
     return <button className="border-2 rounded-lg p-4 text-center text-xl font-medium cursor-pointer hover:bg-gray-200 active:bg-blue-200" 
@@ -58,6 +59,7 @@ export default function Soundboard() {
         {getButton("Carlsbad", carlsbadRef)}
         {getButton("Makes It Better", makesItBetterRef)}
         {getButton("Flute", fluteRef)}
+        {getButton("Bet We Did", betWeDidRef)}
         {getButton("Slow It Down", slowItDownRef)}
         {getButton("Bass Drums", bassDrumsRef)}
         {getButton("Good Things", goodThingsRef)}
@@ -81,6 +83,7 @@ export default function Soundboard() {
         <audio hidden preload="auto" ref={carlsbadRef} src="/carlsbad.m4a"/>
         <audio hidden preload="auto" ref={makesItBetterRef} src="/makesitbetter.m4a"/>
         <audio hidden preload="auto" ref={fluteRef} src="/flute.m4a"/>
+        <audio hidden preload="auto" ref={betWeDidRef} src="/ibetwedid.m4a"/>
         <audio hidden preload="auto" ref={slowItDownRef} src="/slowitdown.m4a"/>
         <audio hidden preload="auto" ref={bassDrumsRef} src="/bassdrums.m4a"/>
         <audio hidden preload="auto" ref={goodThingsRef} src="/goodthings.m4a"/>