AI pass on redesign

src/app/components/Landing.svelte

@@ -9,7 +9,7 @@
   import CardButton from "@lib/components/CardButton.svelte"
   import LogIn from "@app/components/LogIn.svelte"
   import SignUp from "@app/components/SignUp.svelte"
-  import {PLATFORM_TERMS, PLATFORM_PRIVACY, PLATFORM_NAME} from "@app/env"
+  import {PLATFORM_TERMS, PLATFORM_PRIVACY, PLATFORM_NAME, PLATFORM_LOGO} from "@app/env"
   import {pushModal} from "@app/modal"
 
   const logIn = () => pushModal(LogIn)
@@ -19,9 +19,15 @@
 
 <Modal>
   <ModalBody>
-    <div class="py-2">
-      <h1 class="heading">Welcome to {PLATFORM_NAME}!</h1>
-      <p class="text-center">The chat app built for self-hosted communities.</p>
+    <div class="flex flex-col items-center gap-3 py-2">
+      <img
+        src={PLATFORM_LOGO}
+        alt={PLATFORM_NAME}
+        class="shadow-soft ring-primary/20 size-16 rounded-2xl object-cover ring-4 motion-safe:animate-float" />
+      <h1 class="heading">Welcome to <span class="brand">{PLATFORM_NAME}</span>!</h1>
+      <p class="max-w-sm text-center opacity-80">
+        A cozy home for your community — chat, connect, and own your little corner of the internet.
+      </p>
     </div>
     <Button onclick={logIn}>
       <CardButton class="btn-primary">