rebrand to ghostwriter

app/components/register.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import AppFooter from "./app-footer.vue";
 
-useHead({ title: "Strivify - Please sign in" });
+useHead({ title: "Ghostwriter - Please sign in" });
 
 const { openInPopup } = useUserSession();
 </script>
@@ -10,20 +10,28 @@ const { openInPopup } = useUserSession();
   <UContainer
     class="flex flex-col items-center gap-4 justify-center w-full p-16"
   >
-    <NuxtImg src="/strivify.png" width="64" height="64" />
+    <div class="flex gap-3 items-center">
+      <NuxtImg src="/ghostwriter-logo.png" class="size-9" />
+      <div class="font-bold text-xl tracking-tight font-fira-code">
+        Ghostwriter
+      </div>
+    </div>
     <UCard class="max-w-sm">
-      <div class="flex flex-col gap-4 items-center justify-center text-center">
-        <UIcon name="heroicons:user" class="size-16" />
-        <div>
-          Welcome to Strivify. Use the button below to sign in with your Strava
-          account.
+      <div class="flex flex-col gap-4 items-center justify-center">
+        <UIcon name="heroicons:user" class="size-12" />
+        <div class="text-center">
+          Welcome to Ghostwriter. Use the button below to sign in with your
+          Strava account.
         </div>
         <div
           aria-role="button"
           @click="openInPopup('/auth/strava')"
-          class="cursor-pointer"
+          class="cursor-pointer w-full max-w-[200px]"
         >
-          <NuxtImg src="/images/connect-with-strava.svg" />
+          <NuxtImg
+            src="/images/connect-with-strava.svg"
+            class="w-full max-w-[200px]"
+          />
         </div>
       </div>
     </UCard>