Implemented navigation through website

src/routes/+layout.svelte

@@ -2,6 +2,7 @@
     import "$lib/styles/styles.css";
     import "$lib/styles/vars.css";
     import "../app.css";
+
     let { children } = $props();
 </script>
 

src/routes/+page.svelte

@@ -51,3 +51,4 @@
     <BottomCall />
     <NavigationFooter />
 </div>
+

src/routes/BottomCall.svelte

@@ -1,6 +1,8 @@
 <script>
     import "./BottomCall.scss";
     import Button from "$lib/components/Button.svelte";
+
+    import { navigation } from "$lib/navigation";
 </script>
 
 <div class="btmcall">
@@ -11,12 +13,14 @@
             text="Get Involved!"
             inner_class="btmcall-get-involved"
             hotkey="g"
+            redirectFunc={navigation.toAbout}
         />
         <Button
             class="btmcall-button2"
             text="Contact Us"
             inner_class="btmcall-contact-us"
             hotkey="c"
+            redirectFunc={navigation.toContact}
         />
     </div>
 </div>

src/routes/Splash.svelte

@@ -1,6 +1,8 @@
 <script>
     import "./Splash.scss";
     import Button from "$lib/components/Button.svelte";
+
+    import { navigation } from "$lib/navigation";
 </script>
 
 <div class="splash">
@@ -24,6 +26,7 @@
             text="Get Involved!"
             inner_class="splash-get-involved"
             hotkey="g"
+            redirectFunc={navigation.toAbout}
         />
     </div>
 </div>