diff --git a/src/components/Settings.vue b/src/components/Settings.vue
new file mode 100644
index 0000000..a2a3730
--- /dev/null
+++ b/src/components/Settings.vue
@@ -0,0 +1,6 @@
+<script setup>
+
+</script>
+<template>
+<h1>Settings</h1>
+</template>
\ No newline at end of file
diff --git a/src/components/Splash.vue b/src/components/Splash.vue
index 3c2f845..7690d45 100644
--- a/src/components/Splash.vue
+++ b/src/components/Splash.vue
@@ -1,5 +1,6 @@
 <script setup>
 import Piece from './Piece.vue';
+import Settings from './Settings.vue';
 const props = defineProps(['start']);
 </script>
 <template>
@@ -28,7 +29,10 @@ const props = defineProps(['start']);
 
 <div class="button-settings">
     <a class="settings">Settings</a>
+    <Settings />
 </div>
 </div>
 
+
+
 </template>
\ No newline at end of file