diff --git a/src/App.svelte b/src/App.svelte
index 6f8356d..f8ff493 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,9 +1,8 @@
 <script lang="ts">
   import { fade } from 'svelte/transition';
 
-  import Header from '$lib/example/header/Header.svelte';
+  import Header from '$lib/components/Header.svelte';
   import Index from '$lib/Index.svelte';
-  import Footer from '$lib/example/footer/Footer.svelte';
 
   import { theme } from '$lib/stores/theme';
 
@@ -21,6 +20,5 @@
     <main class="flex-1" in:fade={{ delay: 300, duration: 1000 }}>
       <Index />
     </main>
-    <Footer />
   </div>
 {/await}
diff --git a/src/lib/Index.svelte b/src/lib/Index.svelte
index 789e90b..a251bda 100644
--- a/src/lib/Index.svelte
+++ b/src/lib/Index.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import CallTauri from '$lib/example/call-tauri/CallTauri.svelte';
-  import HashInput from '$lib/example/hash/HashInput.svelte';
+  import CallTauri from '$lib/components/CallTauri.svelte';
+  import HashInput from '$lib/components/HashInput.svelte';
 </script>
 
 <div class="flex flex-col gap-8 items-center font-bold drop-shadow-ft">
diff --git a/src/lib/example/call-tauri/CallTauri.svelte b/src/lib/components/CallTauri.svelte
similarity index 100%
rename from src/lib/example/call-tauri/CallTauri.svelte
rename to src/lib/components/CallTauri.svelte
diff --git a/src/lib/example/hash/HashInput.svelte b/src/lib/components/HashInput.svelte
similarity index 100%
rename from src/lib/example/hash/HashInput.svelte
rename to src/lib/components/HashInput.svelte
diff --git a/src/lib/example/header/Header.svelte b/src/lib/components/Header.svelte
similarity index 76%
rename from src/lib/example/header/Header.svelte
rename to src/lib/components/Header.svelte
index fae84e8..96a899e 100644
--- a/src/lib/example/header/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import ThemeToggleIcon from '$lib/example/header/ThemeToggleIcon.svelte';
+  import ThemeToggleIcon from '$lib/components/ThemeToggleIcon.svelte';
   import { theme } from '$lib/stores/theme';
   import { appWindow } from '@tauri-apps/api/window';
 </script>
@@ -17,6 +17,13 @@
   </button>
 
   <div>
+    <a
+      target="_blank"
+      href="https://github.com/Fractal-Tess/Svelte-Tauri"
+      class="hover:text-secondary"
+    >
+      <i class="fa-brands fa-github h-6" />
+    </a>
     <button
       on:click={appWindow.minimize}
       aria-live="polite"
diff --git a/src/lib/example/header/ThemeToggleIcon.svelte b/src/lib/components/ThemeToggleIcon.svelte
similarity index 100%
rename from src/lib/example/header/ThemeToggleIcon.svelte
rename to src/lib/components/ThemeToggleIcon.svelte
diff --git a/src/lib/example/footer/Footer.svelte b/src/lib/example/footer/Footer.svelte
deleted file mode 100644
index 6005865..0000000
--- a/src/lib/example/footer/Footer.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<!-- Make she the bottom rounded value of fixed elements is the same as  html/body in the app.scss file  -->
-<div
-  class="fixed bottom-0 w-full rounded-b-3xl h-12 items-center flex justify-around bg-base-100 shadow-[0_-10px_15px_-3px_rgba(0,0,0,0.1)]"
->
-  <a target="_blank" href="https://github.com/Fractal-Tess">
-    Made by <span class="text-secondary-content bg-secondary p-[4px] rounded-md"
-      >Fractal-Tess</span
-    >
-  </a>
-
-  <a
-    target="_blank"
-    href="https://github.com/Fractal-Tess/Svelte-Tauri"
-    class="border-b-2 border-secondary">GitHub</a
-  >
-</div>