diff --git a/src/App.vue b/src/App.vue
index 6aeb616..32b36c6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -14,5 +14,5 @@
diff --git a/src/components/Header/HeaderComponent.vue b/src/components/Header/HeaderComponent.vue
new file mode 100644
index 0000000..8b4eab9
--- /dev/null
+++ b/src/components/Header/HeaderComponent.vue
@@ -0,0 +1,47 @@
+
+
+
+ Claptrap Bot
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/Header/ServerListComponent.vue b/src/components/Header/ServerListComponent.vue
new file mode 100644
index 0000000..a83dab9
--- /dev/null
+++ b/src/components/Header/ServerListComponent.vue
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+ Loading...
+
+
+
+
+
+
+
+
diff --git a/src/components/Header/SnackbarComponent.vue b/src/components/Header/SnackbarComponent.vue
new file mode 100644
index 0000000..c617dd8
--- /dev/null
+++ b/src/components/Header/SnackbarComponent.vue
@@ -0,0 +1,74 @@
+
+
+ {{ data.text }}
+
+
+
+
+
+
+
+
+
diff --git a/src/components/HeaderComponent.vue b/src/components/HeaderComponent.vue
deleted file mode 100644
index 328430e..0000000
--- a/src/components/HeaderComponent.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-
-
-
- Claptrap Bot
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Loading...
-
-
-
-
- {{ data.text }}
-
-
-
-
-
-
-
-
-
diff --git a/src/data/Guild.ts b/src/data/Guild.ts
new file mode 100644
index 0000000..ffe40c0
--- /dev/null
+++ b/src/data/Guild.ts
@@ -0,0 +1,7 @@
+type Guild = {
+ id: string;
+ name: string;
+ iconUrl: string;
+};
+
+export { Guild };