UI changes

src/routes/(app)/+page.svelte

@@ -1,6 +1,6 @@
 <!-- src/routes/+page.svelte -->
 <script lang="ts">
-    import { newEnglandStates, mapViewBox } from '$lib/states';
+    import { newEnglandStates, mapViewBox, user } from '$lib/states';
     import { goto } from '$app/navigation';
     import { browser } from '$app/environment'; // To ensure SVG interactions only run client-side
     import { onMount } from 'svelte';
@@ -65,7 +65,8 @@
 
 
 <div class="text-center mb-8">
-    <p class="text-lg">Click your state to find prices.</p>
+    <p class="text-lg mb-4">Welcome to TradeWar, your go-to source for fuel prices across New England. Compare prices by state and county to find the best deals.</p>
+    <p class="text-sm">Click your state to find prices.</p>
 </div>
 
 <div class="flex justify-center items-center">
@@ -115,3 +116,9 @@
         {/each}
     </ul>
 </div>
+
+{#if !$user}
+<div class="mt-8 text-center">
+    <a href="/login" class="btn btn-primary">Dealer Login</a>
+</div>
+{/if}