goodbye react, hello vue

app/components/Contact.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="font-mono">
+    <h1 class="text-2xl font-bold mb-2">Contact</h1>
+    <p class="text-terminal-dim mb-2">
+      You can reach me at the following email address:
+    </p>
+    <a
+      href="mailto:tanner@teamhydra.dev"
+      class="text-terminal-dim hover:text-terminal hover:underline transition-colors"
+    >
+      tanner@teamhydra.dev
+    </a>
+    <br />
+    <span class="text-terminal-dim">-- or --</span>
+    <br />
+    <a
+      href="https://discord.gg/zira"
+      target="_blank"
+      class="text-terminal-dim hover:text-terminal hover:underline transition-colors"
+    >
+      Via Discord
+    </a>
+    <p class="text-terminal-dim mt-2">
+      Please use the #other-support channel to get in touch with me. My
+      username is sticksdev.
+    </p>
+    <p class="text-terminal-dim mt-2">
+      I look forward to hearing from you soon :)
+    </p>
+  </div>
+</template>
+
+<script setup lang="ts">
+</script>