rebrand to ghostwriter

app/assets/css/main.css

@@ -3,6 +3,7 @@
 
 @theme static {
   --font-sans: "Geist", sans-serif;
+  --font-fira-code: "Fira Code", sans-serif;
 
   --ui-primary: var(--color-orange-500);
 

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>

app/pages/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-useHead({ title: "Strivify" });
+useHead({ title: "Ghostwriter" });
 
 const { user } = useUserSession();
 
@@ -46,12 +46,12 @@ const saveOp = watchPausable(
 
 <template>
   <UContainer class="max-w-2xl py-8 flex flex-col gap-4">
-    <div class="font-bold text-lg">Welcome to Strivify!</div>
+    <div class="font-bold text-lg">Welcome to Ghostwriter!</div>
 
     <div>
-      Strivify automatically generates fun and engaging titles and descriptions
-      for your Strava activities, right when they are created. Customize your
-      preferences below.
+      Ghostwriter automatically generates fun and engaging titles and
+      descriptions for your Strava activities, right when they are created.
+      Customize your preferences below.
     </div>
 
     <div>