I have added a new window to create a new user.

src/views/main/Register.vue

@@ -0,0 +1,24 @@
+<template>
+  <div class="hidden sm:block" style="height: 40px"></div>
+  <div>
+    <div class="flex flex-col lg:flex-row items-center justify-center">
+      <div class="max-w-[700px] min-w-[300px]">
+        <img class="rounded-none sm:rounded-2xl sm:w-full mr-8" src="/images/hutopymedia/loginpage/loginhutopy.png" alt="hutopy login">
+      </div>
+      <div class="flex flex-col items-center min-w-[300px] m-12">
+        <register-form></register-form>
+      </div>
+    </div>
+  </div>
+  <selected-footer></selected-footer>
+</template>
+
+<script setup>
+import SelectedFooter from "@/views/main/SelectedFooter.vue";
+import RegisterForm from "@/views/main/RegisterForm.vue";
+import { useRouter } from 'vue-router';
+
+const router = useRouter();
+
+
+</script>