feat: Updates to home / landing page.

Sources/ViewController/Views/Home.swift

@@ -4,53 +4,113 @@ import ElementaryHTMX
 struct HomeView: HTML, Sendable {
 
   var body: some HTML {
-    div(.class("flex justify-end me-4")) {
-      button(
-        .class("btn btn-ghost btn-secondary text-lg"),
-        .hx.get(route: .login(.index())),
-        .hx.target("body"),
-        .hx.swap(.outerHTML)
-      ) {
-        "Login"
+    div(  // Uncomment to test different theme's.
+    // .data("theme", value: "cyberpunk")
+    // NOTE: Footer background color will follow system theme, it will actually be the
+    //      same as the `hero` background in reality.
+    ) {
+      div(.class("flex justify-end m-4")) {
+        button(
+          .class("btn btn-ghost btn-secondary text-lg"),
+          .hx.get(route: .login(.index())),
+          .hx.target("body"),
+          .hx.swap(.outerHTML)
+        ) {
+          "Login"
+        }
       }
-    }
-    div(.class("hero min-h-screen")) {
-      div(
-        .class(
-          """
-          hero-content text-center bg-base-200 dark:bg-base-300
-          min-w-[80%] min-h-[400px] rounded-3xl shadow-3xl
-          """
-        )
-      ) {
-        div {
-          header
-          a(
-            .class("btn btn-ghost text-md italic"),
-            .href("https://git.housh.dev/michael/swift-manual-d"),
-            .target(.blank)
+      div(.class("hero")) {
+        div(
+          .class(
+            """
+            relative hero-content text-center bg-base-300
+            w-full min-h-[400px] rounded-3xl shadow-3xl overflow-hidden
+            """
+          )
+        ) {
+          div(
+            .class(
+              """
+              bg-secondary text-xl font-bold 
+              absolute top-10 -left-15
+              px-6 py-2 w-[250px] -rotate-45
+              """
+            )
           ) {
-            "Open source residential duct design program"
+            "BETA"
           }
-          p(.class("text-xl py-6")) {
-            """
-            Manual-D™ speed sheet, but on the web!
-            """
-          }
-          button(
-            .class("btn btn-xl bg-violet-600 mt-6"),
-            .hx.get(route: .signup(.index)),
-            .hx.target("body"),
-            .hx.swap(.outerHTML)
-          ) {
-            "Get Started"
-          }
-          p(.class("text-xs italic mt-8")) {
-            """
-            Manual-D™ is a trademark of Air Conditioning Contractors of America (ACCA).
+          div {
+            header
+            a(
+              .class("btn btn-ghost text-md text-primary font-bold italic"),
+              .href("https://git.housh.dev/michael/swift-manual-d"),
+              .target(.blank)
+            ) {
+              "Open source residential duct design program"
+            }
+            p(.class("text-3xl py-6")) {
+              """
+              Manual-D™ speed sheet, but on the web!
+              """
+            }
+            button(
+              .class("btn btn-xl btn-primary mt-6"),
+              .hx.get(route: .signup(.index)),
+              .hx.target("body"),
+              .hx.swap(.outerHTML)
+            ) {
+              "Get Started"
+            }
+            p(.class("text-xs italic mt-8")) {
+              """
+              Manual-D™ is a trademark of Air Conditioning Contractors of America (ACCA).
 
-            This site is not designed by or affiliated with ACCA.
-            """
+              This site is not designed by or affiliated with ACCA.
+              """
+            }
+          }
+        }
+      }
+
+      div(.class("grid grid-cols-1 md:grid-cols-2 gap-4 mx-20 my-6")) {
+        div(.class("border-3 border-accent rounded-lg shadow-lg p-4")) {
+          div(.class("flex items-center space-x-4")) {
+            div(.class("text-5xl text-primary font-bold")) {
+              "Features"
+            }
+          }
+          div(.class("text-xl ms-10 mt-10")) {
+            ul(.class("list-disc")) {
+              li {
+                div(
+                  .class("font-bold italic bg-secondary rounded-lg shadow-lg px-4 w-fit")
+                ) {
+                  "Built by humans"
+                }
+              }
+              li { "Fully open source." }
+              li { "Great replacement for speed sheet users." }
+              li { "Great for classrooms." }
+              li { "Store your projects in one place." }
+              li { "Export final project to pdf." }
+              li { "Import room loads via CSV file." }
+              li { "Web based." }
+              li { "Self host (run on your own infrastructure)." }
+            }
+          }
+        }
+
+        div(.class("border-3 border-accent rounded-lg shadow-lg p-4")) {
+          div(.class("text-5xl text-primary font-bold")) {
+            "Coming Soon"
+          }
+          div(.class("text-xl ms-10 mt-10")) {
+            ul(.class("list-disc")) {
+              li { "API integration." }
+              li { "Command line interface." }
+              li { "Fitting selection tool." }
+              li { "Room load import from PDF." }
+            }
           }
         }
       }
@@ -62,7 +122,7 @@ struct HomeView: HTML, Sendable {
       div(
         .class(
           """
-          flex border-b-8 border-sky-600 
+          flex border-b-6 border-accent
           text-8xl font-bold my-auto space-2
           """
         )
@@ -72,7 +132,7 @@ struct HomeView: HTML, Sendable {
           span(
             .class(
               """
-              bg-violet-600 rounded-md
+              bg-secondary rounded-md
               text-5xl rotate-180 p-2
               """
             ),