From 93968ca169c06350c4050d58e5aa3114cded430a Mon Sep 17 00:00:00 2001
From: Gavin McDonald <gavinmcdoh@gmail.com>
Date: Sat, 17 May 2025 17:05:49 -0400
Subject: [PATCH] subhead and tweaks

---
 lib/labelmaker_web/components/layouts/app.html.heex | 2 +-
 lib/labelmaker_web/live/home.ex                     | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/lib/labelmaker_web/components/layouts/app.html.heex b/lib/labelmaker_web/components/layouts/app.html.heex
index cbb3ae6..fa3cdb3 100644
--- a/lib/labelmaker_web/components/layouts/app.html.heex
+++ b/lib/labelmaker_web/components/layouts/app.html.heex
@@ -25,7 +25,7 @@
     </div>
   </div>
 </header>
-<main class="px-4 py-20 sm:px-6 lg:px-8">
+<main class="px-4 py-10 sm:px-6 lg:px-8">
   <div class="mx-auto max-w-2xl">
     <.flash_group flash={@flash} />
     {@inner_content}
diff --git a/lib/labelmaker_web/live/home.ex b/lib/labelmaker_web/live/home.ex
index f7b2bc3..2e4b1a0 100644
--- a/lib/labelmaker_web/live/home.ex
+++ b/lib/labelmaker_web/live/home.ex
@@ -55,8 +55,11 @@ defmodule LabelmakerWeb.Home do
       )
 
     ~H"""
-    <div class="max-w-xl mx-auto p-4 space-y-6">
-      <h1 class="text-2xl font-bold text-center">Labelmaker</h1>
+    <div class="max-w-xl mx-auto p-3 space-y-5">
+      <h1 class="text-5xl font-bold text-center text-primary">Labelmaker</h1>
+      <p class="text-l text-center w-[350px] m-auto">
+        Easily create text-based images. Perfect for quickly creating decals in Tabletop Simulator.
+      </p>
 
       <div
         class={