Implemented phase 0 for the POC prototype in the Website service.

Services/Website/Sources/Library/Internal/Pages/IndexPage.swift

@@ -82,9 +82,36 @@ extension IndexPage: Page {
 
     // MARK: Properties
 
+    /// The hero alone, until the listings exist.
     var content: some HTML {
-        p {
-            localize("index.greeting", locale: locale)
+        SiteLayout {
+            div(.class("page")) {
+                section(.class("hero")) {
+                    p(.class("type-eyebrow")) {
+                        "Single issues · Manga · Trades · Hardcovers"
+                    }
+                    h1(.class("type-hero")) {
+                        localize("index.heading", locale: locale)
+                    }
+                    p(.class("type-lead")) {
+                        "Search every listing by title, print and grade. Browse any seller's shop without an account — sign in with a passkey only when you're ready to buy, make an offer or message."
+                    }
+                    div(.class("hero__actions")) {
+                        a(
+                            .class("button button--primary button--lg"),
+                            .href(Format.singleIssues.path)
+                        ) {
+                            "Browse single issues"
+                        }
+                        a(
+                            .class("button button--outline button--lg"),
+                            .href(.Route.series)
+                        ) {
+                            "Browse by series"
+                        }
+                    }
+                }
+            }
         }
     }
 

Services/Website/Sources/Library/Internal/Pages/NotFoundPage.swift

@@ -47,11 +47,21 @@ extension NotFoundPage: Page {
     // MARK: Properties
 
     var content: some HTML {
-        h1 {
-            localize("notFound.heading", locale: locale)
-        }
-        p {
-            localize("notFound.message", locale: locale)
+        SiteLayout {
+            div(.class("page not-found")) {
+                h1(.class("type-h1")) {
+                    localize("notFound.heading", locale: locale)
+                }
+                p(.class("type-lead")) {
+                    localize("notFound.message", locale: locale)
+                }
+                a(
+                    .class("button button--dark"),
+                    .href(.Route.home)
+                ) {
+                    "Back to browsing"
+                }
+            }
         }
     }