Updated so it shares the same layout with all of the pages

src/App.vue

@@ -1,15 +1,97 @@
 <template>
   <v-app>
     <v-main>
-      <!-- This loads the correct page based on the current route -->
-      <router-view />
+      <v-container class="fill-height">
+        <v-responsive class="align-center fill-height mx-auto" max-width="xs:370 700">
+          <!-- UWUVCI Logo -->
+          <v-img
+            class="mb-4"
+            height="150"
+            src="@/assets/UWUVCI_LOGO.png"
+            alt="UWUVCI Logo"
+          />
+
+          <!-- Welcome message -->
+          <div class="text-center">
+            <div class="text-body-2 font-weight-light mb-n1">Welcome to</div>
+            <h1 class="text-h2 font-weight-bold">UWUVCI</h1>
+          </div>
+
+          <!-- Closing this tag, is this really needed though? -->
+          <div class="py-4"></div>
+
+          <!-- Added example of linking somewhere -->
+          <v-row justify="center">
+            <v-col cols="12" md="2">
+              <router-link to="/ndscompat">
+                <v-btn block color="primary">NDS Compatibility</v-btn>
+              </router-link>
+            </v-col>
+          </v-row>
+
+          <!-- Closing this tag, is this really needed though? -->
+          <div class="py-4"></div>
+
+          <!-- Notification card -->
+          <v-row>
+            <v-col cols="12">
+              <v-card class="py-4" color="surface-variant" rounded="lg" variant="outlined">
+                <v-card-text class="xs:text-sm-body-2 text-h5 font-weight-bold" style="text-align:center">
+                  The UWUVCI Webpage will be available soon. <br />
+                  The Table below is for testing.
+                </v-card-text>
+              </v-card>
+            </v-col>
+          </v-row>
+
+          <!-- Content specific to each page will be injected here -->
+          <router-view />
+        </v-responsive>
+      </v-container>
     </v-main>
 
     <v-footer height="40" app>
+      <a
+        v-for="item in items"
+        :key="item.title"
+        :href="item.href"
+        :title="item.title"
+        class="d-inline-block mx-2 social-link"
+        rel="noopener noreferrer"
+        target="_blank"
+        color="black"
+      >
+        <v-icon class="ico" :icon="item.icon" :size="item.icon === '$vuetify' ? 24 : 16" />
+      </a>
       <div class="text-caption text-disabled" style="position: absolute; right: 16px;">
-        &copy; {{ new Date().getFullYear() }} <span class="d-sm-inline-block">NicoAICP & ZestyTS</span>
+        &copy; {{ (new Date()).getFullYear() }} <span class="d-sm-inline-block">NicoAICP & ZestyTS</span>
       </div>
     </v-footer>
   </v-app>
 </template>
 
+<script setup>
+const items = [
+  {
+    title: 'UWUVCI GitHub',
+    icon: 'mdi-github',
+    href: 'https://github.com/UWUVCI-PRIME/',
+  },
+  {
+    title: 'UWUVCI Discord',
+    icon: ['M22,24L16.75,19L17.38,21H4.5A2.5,2.5 0 0,1 2,18.5V3.5A2.5,2.5 0 0,1 4.5,1H19.5A2.5,2.5 0 0,1 22,3.5V24M12,6.8C9.32,6.8 7.44,7.95 7.44,7.95C8.47,7.03 10.27,6.5 10.27,6.5L10.1,6.33C8.41,6.36 6.88,7.53 6.88,7.53C5.16,11.12 5.27,14.22 5.27,14.22C6.67,16.03 8.75,15.9 8.75,15.9L9.46,15C8.21,14.73 7.42,13.62 7.42,13.62C7.42,13.62 9.3,14.9 12,14.9C14.7,14.9 16.58,13.62 16.58,13.62C16.58,13.62 15.79,14.73 14.54,15L15.25,15.9C15.25,15.9 17.33,16.03 18.73,14.22C18.73,14.22 18.84,11.12 17.12,7.53C17.12,7.53 15.59,6.36 13.9,6.33L13.73,6.5C13.73,6.5 15.53,7.03 16.56,7.95C16.56,7.95 14.68,6.8 12,6.8M9.93,10.59C10.58,10.59 11.11,11.16 11.1,11.86C11.1,12.55 10.58,13.13 9.93,13.13C9.29,13.13 8.77,12.55 8.77,11.86C8.77,11.16 9.28,10.59 9.93,10.59M14.1,10.59C14.75,10.59 15.27,11.16 15.27,11.86C15.27,12.55 14.75,13.13 14.1,13.13C13.46,13.13 12.94,12.55 12.94,11.86C12.94,11.16 13.45,10.59 14.1,10.59Z'],
+    href: 'https://discord.gg/ultimate-wiiu-vc-injectors-386898225161961493',
+  },
+  {
+    title: 'UWUVCI Reddit',
+    icon: 'mdi-reddit',
+    href: 'https://www.reddit.com/r/uwuvci/',
+  },
+];
+</script>
+
+<style>
+.ico {
+  color: #b37dff;
+}
+</style>