Change font

app/assets/css/main.css

@@ -2,6 +2,8 @@
 @import "@nuxt/ui";
 
 @theme static {
+  --font-sans: "Geist", sans-serif;
+
   --ui-primary: var(--color-orange-500);
 
   --ui-color-primary-50: var(--color-orange-50);

app/components/app-bar.vue

@@ -7,7 +7,7 @@ const { user, clear } = useUserSession();
     <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">Strivify</div>
+        <div class="font-bold text-xl tracking-tight">Strivify</div>
       </div>
       <UDropdownMenu :items="[{ label: 'Log out', onSelect: () => clear() }]">
         <UAvatar

app/components/register.vue

@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import AppFooter from "./app-footer.vue";
 
+useHead({ title: "Strivify - Please sign in" });
+
 const { openInPopup } = useUserSession();
 </script>
 

app/pages/index.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+useHead({ title: "Strivify" });
+
 const { user } = useUserSession();
 
 const stravaLink = computed(() => {