From 7cf6ce183362d05a2866805663901a233d3e89a5 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Thu, 19 Mar 2026 18:07:20 +0000
Subject: [PATCH] Polish coming-soon and login modal styling

Move sign out below wiki button, tweak hover color, remove email
field label, rename 'Join Ghost Guild' to 'Pre-Register', and
remove 'Don't have an account?' text from login modal.
---
 app/components/LoginModal.vue |  1 -
 app/pages/coming-soon.vue     | 19 +++++++++----------
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/app/components/LoginModal.vue b/app/components/LoginModal.vue
index e5e8b8e..41ca259 100644
--- a/app/components/LoginModal.vue
+++ b/app/components/LoginModal.vue
@@ -78,7 +78,6 @@
           v-if="!loginSuccess"
           class="text-center pt-2 border-t border-guild-700">
           <p class="text-guild-400 text-sm pt-4">
-            Don't have an account?
             <a
               href="https://babyghosts.fund/ghost-guild/"
               class="text-candlelight-400 hover:text-candlelight-300 font-medium">
diff --git a/app/pages/coming-soon.vue b/app/pages/coming-soon.vue
index 36a561a..a325397 100644
--- a/app/pages/coming-soon.vue
+++ b/app/pages/coming-soon.vue
@@ -8,20 +8,20 @@
     </p>
 
     <!-- Logged-in state -->
-    <div v-if="isAuthenticated" class="w-full max-w-sm space-y-4 text-center mt-8">
+    <div v-if="isAuthenticated" class="w-full max-w-sm flex flex-col items-center space-y-4 text-center mt-8">
       <p class="text-guild-200 font-sans py-4 text-center">
         Welcome, <strong class="text-guild-100">{{ memberData.name || memberData.email }}</strong>
-        <button
-          class="text-sm text-guild-400 hover:text-guild-200 underline transition-colors ml-2"
-          @click="handleLogout">
-          Sign out
-        </button>
       </p>
       <a
         href="https://wiki.ghostguild.org"
-        class="inline-flex items-center justify-center py-3 px-6 bg-candlelight-500 hover:bg-candlelight-400 text-guild-900 font-semibold rounded-full uppercase tracking-wide transition-colors font-sans whitespace-nowrap">
+        class="inline-flex items-center justify-center py-3 px-6 bg-candlelight-500 hover:bg-candlelight-600 text-guild-900 font-semibold rounded-full uppercase tracking-wide transition-colors font-sans whitespace-nowrap">
         Go to Wiki
       </a>
+      <button
+        class="text-sm text-candlelight-400 hover:text-candlelight-300 font-medium uppercase tracking-wide transition-colors"
+        @click="handleLogout">
+        Sign out
+      </button>
     </div>
 
     <!-- Login form -->
@@ -44,7 +44,7 @@
 
       <!-- Form -->
       <UForm v-else :state="{ email }" @submit="handleLogin">
-        <UFormField label="Email Address" name="email" required class="mb-4">
+        <UFormField name="email" required class="mb-4">
           <UInput
             v-model="email"
             type="email"
@@ -70,11 +70,10 @@
 
         <div class="text-center pt-6 border-t border-guild-700 mt-6">
           <p class="text-guild-400 text-sm">
-            Don't have an account?
             <a
               href="https://babyghosts.fund/ghost-guild/"
               class="text-candlelight-400 hover:text-candlelight-300 font-medium uppercase tracking-wide">
-              Join Ghost Guild
+              Pre-Register
             </a>
           </p>
         </div>