Rebrand

app/components/register.vue

@@ -5,23 +5,23 @@ const { openInPopup } = useUserSession();
 </script>
 
 <template>
-  <UContainer class="flex justify-center w-full p-16">
-    <UCard class="w-md">
+  <UContainer
+    class="flex flex-col items-center gap-4 justify-center w-full p-16"
+  >
+    <NuxtImg src="/strivify.png" width="64" height="64" />
+    <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 class="font-bold text-xl">Joyful</div>
         <div>
-          Welcome to Joyful. Use the button below to sign in with your Strava
+          Welcome to Strivify. Use the button below to sign in with your Strava
           account.
         </div>
-        <div>
-          <div
-            aria-role="button"
-            @click="openInPopup('/auth/strava')"
-            class="cursor-pointer"
-          >
-            <NuxtImg src="/images/connect-with-strava.svg" />
-          </div>
+        <div
+          aria-role="button"
+          @click="openInPopup('/auth/strava')"
+          class="cursor-pointer"
+        >
+          <NuxtImg src="/images/connect-with-strava.svg" />
         </div>
       </div>
     </UCard>