diff --git a/fclauncher/frontend/src/App.svelte b/fclauncher/frontend/src/App.svelte
index 6e845df..f381366 100644
--- a/fclauncher/frontend/src/App.svelte
+++ b/fclauncher/frontend/src/App.svelte
@@ -4,9 +4,10 @@
 	import Loading from './Loading.svelte'
   import {CheckPrerequisites} from '../wailsjs/go/main/App.js'
 	import { onMount } from 'svelte'
-	import { loading } from './global.ts'
+	import { loading, testPage } from './global.ts'
 	import { slide } from 'svelte/transition'
-    import Navbar from './Navbar.svelte';
+    import Navbar from './Navbar.svelte'
+	import Testpage from './Testpage.svelte'
 
 	let width: int = 10
 	 	
@@ -23,6 +24,11 @@
   </div>
   <body>
 	<img alt="Wails logo" id="logo" src="{logo}">
+	{#if $testPage}
+		<div>
+			<Testpage />
+		</div>
+	{:else}
 	{#if $loading}
 		<div transition:slide="{{duration:100}}" class="central">
 			<Loading />
@@ -32,6 +38,7 @@
   		<Instances />
 		</div>
 	{/if}
+	{/if}
   	</body>	
 </main>
 
diff --git a/fclauncher/frontend/src/Navbar.svelte b/fclauncher/frontend/src/Navbar.svelte
index 37c5711..b64788b 100644
--- a/fclauncher/frontend/src/Navbar.svelte
+++ b/fclauncher/frontend/src/Navbar.svelte
@@ -1,5 +1,5 @@
 <script lang="ts" src="https://kit.fontawesome.com/172593a6a5.js" crossorigin="anonymous">
-import {addingInstance} from './global'
+import {addingInstance, testPage} from './global'
 </script>
 
 <main>
@@ -37,6 +37,14 @@ import {addingInstance} from './global'
                 <span class="link-text">New Instance</span>
             </a>
 
+        </li>
+        <li class="nav-item">
+            <a href="#" class="nav-link" on:click={() => {$testPage = !$testPage}}>
+                <svg xmlns="http://www.w3.org/2000/svg" class="nav-icon" viewBox="0 0 640 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M175 389.4c-9.8 16-15 34.3-15 53.1c-10 3.5-20.8 5.5-32 5.5c-53 0-96-43-96-96L32 64C14.3 64 0 49.7 0 32S14.3 0 32 0L96 0l64 0 64 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l0 245.9-49 79.6zM96 64l0 96 64 0 0-96L96 64zM352 0L480 0l32 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l0 150.9L629.7 406.2c6.7 10.9 10.3 23.5 10.3 36.4c0 38.3-31.1 69.4-69.4 69.4l-309.2 0c-38.3 0-69.4-31.1-69.4-69.4c0-12.8 3.6-25.4 10.3-36.4L320 214.9 320 64c-17.7 0-32-14.3-32-32s14.3-32 32-32l32 0zm32 64l0 160c0 5.9-1.6 11.7-4.7 16.8L330.5 320l171 0-48.8-79.2c-3.1-5-4.7-10.8-4.7-16.8l0-160-64 0z"/></svg>
+
+                <span class="link-text">Testing Page</span>
+            </a>
+
         </li>
         <li class="nav-item">
             <a href="#" class="nav-link">
diff --git a/fclauncher/frontend/src/Testpage.svelte b/fclauncher/frontend/src/Testpage.svelte
new file mode 100644
index 0000000..0d6ea3e
--- /dev/null
+++ b/fclauncher/frontend/src/Testpage.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+
+</script>
+
+
+<main>
+    <div>Test</div>
+</main>
+<style>
+
+
+</style>
\ No newline at end of file
diff --git a/fclauncher/frontend/src/global.ts b/fclauncher/frontend/src/global.ts
index 8b780e1..8650c9d 100644
--- a/fclauncher/frontend/src/global.ts
+++ b/fclauncher/frontend/src/global.ts
@@ -1,3 +1,4 @@
 import { writable } from "svelte/store"
 export const loading = writable(true)
 export const addingInstance = writable(false)
+export const testPage = writable(false)
