site title at the top of the layout; more verbose "welcome" page

layouts/LayoutDefault.tsx

@@ -7,6 +7,7 @@ import {
   Image,
   MantineProvider,
   NavLink,
+  Title,
 } from "@mantine/core";
 import {
   IconHome2,
@@ -21,7 +22,6 @@ import {
 import { useDisclosure } from "@mantine/hooks";
 import theme from "./theme.js";
 import logoUrl from "../assets/logo.png";
-import { useStore } from "../state.js";
 import { useState } from "react";
 import { TRPCProvider, useTRPC } from "../trpc/client.js";
 import { usePageContext } from "vike-react/usePageContext";
@@ -120,6 +120,7 @@ export default function LayoutDefault({
                   {" "}
                   <Image h={50} fit="contain" src={logoUrl} />{" "}
                 </a>
+                <Title>Token-Efficient Context Engineering</Title>
               </Group>
             </AppShell.Header>
             <AppShell.Navbar p="md">

pages/index/+Page.tsx

@@ -1,11 +1,15 @@
+import { Container, Stack, Title } from "@mantine/core";
+
 export default function Page() {
   return (
-    <>
-      <h1
-        css={{ fontWeight: "700", fontSize: "1.875rem", paddingBottom: "1rem" }}
-      >
-        Token-Efficient Context Engineering
-      </h1>
-    </>
+    <Stack align="center">
+      <Title>Welcome</Title>
+      <Container>
+        This web app is a proof-of-concept for token-efficient context
+        engineering. The premise is that upon every turn of a chat, the backend
+        generates a running summary of the conversation based on the previous
+        running summary and the new messages.
+      </Container>
+    </Stack>
   );
 }