Authentication flow change - Remove requirement for user to enter username - Use Passkey discoverability instead.

src/pages/LandingPage.vue

@@ -1,14 +1,14 @@
 <template>
-  <q-page class="landing-page column items-center q-pa-md wallpaper">
+  <q-page class="landing-page column items-center q-pa-md bg-theme">
     <div class="hero text-center q-pa-xl full-width">
-      <q-img
+      <img
         src="/stylepoint.png"
         alt="StylePoint Logo"
         class="logo q-mb-md"
         style="max-width: 300px; width: 100%;"
-      />
+      >
       <h1 class="text-h3 text-weight-bold text-yellow q-mb-sm">
-        Welcome to StylePoint
+        Welcome to {{ productName }}
       </h1>
       <p class="text-h6 text-white q-mb-lg">
         An all-in-one tool designed for StyleTech Developers.
@@ -47,6 +47,8 @@
 <script setup>
 import { ref } from 'vue';
 
+const productName = process.env.PRODUCT_NAME;
+
 const features = ref([
   'Automated Daily Reports',
   'Deep Mantis Integration',
@@ -65,18 +67,6 @@ const features = ref([
   filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0.5));
 }
 
-.wallpaper {
-  background: linear-gradient(
-    to top left,
-    #fdc730,
-    #ea2963,
-    #bd288a 50%,
-    #6e43ac,
-    #4763bf,
-    #16a3e8
-  );
-}
-
 .features {
   background-color: rgba(0, 0, 0, 0.25);
   border-radius: 10px;