Refine workspaces and event publishing; harden uploads and email delivery

apps/web/src/app/page.tsx

@@ -101,7 +101,8 @@ export default async function HomePage() {
             Shared albums for real life
           </div>
           <h1 className="font-display text-[clamp(3.4rem,7vw,5.8rem)] leading-[0.92] font-semibold tracking-[-0.055em]">
-            Every angle.<br /><span className="text-primary">One shared album.</span>
+            <span className="block whitespace-nowrap">Every angle.</span>
+            <span className="block text-primary">One shared album.</span>
           </h1>
           <p className="max-w-lg text-lg leading-7 text-muted-foreground sm:text-xl sm:leading-8">
             Give guests one link to add their photos. Review everything in one place, share the best, and keep every original.
@@ -166,8 +167,12 @@ export default async function HomePage() {
             {listed.map((event) => (
               <Link key={event.id} href={`/e/${event.slug}`} className="group block min-w-0 rounded-xl focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-none">
                 <Card className="h-full transition-transform duration-200 ease-out group-hover:-translate-y-0.5 group-hover:shadow-md motion-reduce:transition-none motion-reduce:group-hover:translate-y-0">
+                  {event.bannerUrl ? (
+                    <img src={event.bannerUrl} alt="" width={800} height={300} loading="lazy" decoding="async"
+                      className="aspect-[8/3] w-full object-cover" />
+                  ) : null}
                   <CardHeader>
-                    <div className="mb-2 flex size-10 items-center justify-center rounded-lg bg-primary text-primary-foreground"><BrandMark className="size-5" /></div>
+                    {!event.bannerUrl ? <div className="mb-2 flex size-10 items-center justify-center rounded-lg bg-primary text-primary-foreground"><BrandMark className="size-5" /></div> : null}
                     <CardTitle className="truncate text-xl font-semibold tracking-tight">{event.title}</CardTitle>
                     <CardDescription>{formatEventDate(event.startsAt) ?? "Open gallery"}</CardDescription>
                   </CardHeader>