rebrand to ghostwriter

app/components/app-bar.vue

@@ -5,9 +5,11 @@ const { user, clear } = useUserSession();
 <template>
   <div class="w-full h-16 border-b-4 border-b-orange-500 flex">
     <UContainer class="max-w-2xl flex justify-between items-center">
-      <div class="flex gap-3 items-center">
-        <NuxtImg src="/strivify.png" width="36" height="36" />
-        <div class="font-bold text-xl tracking-tight">Strivify</div>
+      <div class="flex gap-2 items-center">
+        <NuxtImg src="/ghostwriter-logo.png" class="size-9" />
+        <div class="font-bold text-xl tracking-tight font-fira-code">
+          Ghostwriter
+        </div>
       </div>
       <UDropdownMenu :items="[{ label: 'Log out', onSelect: () => clear() }]">
         <UAvatar

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>