chore: simplify home.md features list and fix readme typo

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: chrisjwalk-bot

README.md

@@ -7,7 +7,7 @@ A full-stack demo using an [Nx monorepo](https://nx.dev) with [Angular](https://
 ## Features
 
 - **Authentication** — register, login, and logout with JWT bearer tokens backed by ASP.NET Core Identity
-- **Notification centre** — persistent notification panel with unread count, mark-as-read, dismiss, and action support (e.g. one-click reload on SW update)
+- **Notification center** — persistent notification panel with unread count, mark-as-read, dismiss, and action support (e.g. one-click reload on SW update)
 - **PWA / service worker** — offline support; notifies users when a new app version is available with an in-app prompt to reload
 - **Debug page** (`/debug`) — trigger test notifications and inspect service worker update state during development
 - **PR preview deployments** — every pull request gets a live preview URL via Azure Static Web Apps

apps/web-app/src/assets/home.md

@@ -4,62 +4,11 @@ A full-stack demo using an [Nx monorepo](https://nx.dev) with [Angular](https://
 
 ## Features
 
-<div class="not-prose my-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
-  <div class="flex flex-col overflow-hidden rounded-2xl bg-surface-container-lowest">
-    <div class="flex h-28 items-center justify-center bg-surface-container">
-      <div class="rounded-2xl bg-primary-container p-3 text-3xl leading-none">🔐</div>
-    </div>
-    <div class="flex flex-col gap-2 p-5">
-      <p class="font-semibold text-on-surface">Authentication</p>
-      <p class="text-sm leading-relaxed text-on-surface-variant">Register, login, and logout with JWT bearer tokens backed by ASP.NET Core Identity.</p>
-    </div>
-  </div>
-  <div class="flex flex-col overflow-hidden rounded-2xl bg-surface-container-lowest">
-    <div class="flex h-28 items-center justify-center bg-surface-container">
-      <div class="rounded-2xl bg-primary-container p-3 text-3xl leading-none">🔔</div>
-    </div>
-    <div class="flex flex-col gap-2 p-5">
-      <p class="font-semibold text-on-surface">Notification centre</p>
-      <p class="text-sm leading-relaxed text-on-surface-variant">Persistent panel with unread count, mark-as-read, dismiss, and one-click action support.</p>
-    </div>
-  </div>
-  <div class="flex flex-col overflow-hidden rounded-2xl bg-surface-container-lowest">
-    <div class="flex h-28 items-center justify-center bg-surface-container">
-      <div class="rounded-2xl bg-primary-container p-3 text-3xl leading-none">⚡</div>
-    </div>
-    <div class="flex flex-col gap-2 p-5">
-      <p class="font-semibold text-on-surface">PWA / Service worker</p>
-      <p class="text-sm leading-relaxed text-on-surface-variant">Offline support with an in-app prompt to reload when a new version is available.</p>
-    </div>
-  </div>
-  <div class="flex flex-col overflow-hidden rounded-2xl bg-surface-container-lowest">
-    <div class="flex h-28 items-center justify-center bg-surface-container">
-      <div class="rounded-2xl bg-primary-container p-3 text-3xl leading-none">🐛</div>
-    </div>
-    <div class="flex flex-col gap-2 p-5">
-      <p class="font-semibold text-on-surface">Debug page</p>
-      <p class="text-sm leading-relaxed text-on-surface-variant">Trigger test notifications and inspect service worker state at <code>/debug</code>.</p>
-    </div>
-  </div>
-  <div class="flex flex-col overflow-hidden rounded-2xl bg-surface-container-lowest">
-    <div class="flex h-28 items-center justify-center bg-surface-container">
-      <div class="rounded-2xl bg-primary-container p-3 text-3xl leading-none">🚀</div>
-    </div>
-    <div class="flex flex-col gap-2 p-5">
-      <p class="font-semibold text-on-surface">PR preview deployments</p>
-      <p class="text-sm leading-relaxed text-on-surface-variant">Every pull request gets a live preview URL via Azure Static Web Apps.</p>
-    </div>
-  </div>
-  <div class="flex flex-col overflow-hidden rounded-2xl bg-surface-container-lowest">
-    <div class="flex h-28 items-center justify-center bg-surface-container">
-      <div class="rounded-2xl bg-primary-container p-3 text-3xl leading-none">🌗</div>
-    </div>
-    <div class="flex flex-col gap-2 p-5">
-      <p class="font-semibold text-on-surface">Theme support</p>
-      <p class="text-sm leading-relaxed text-on-surface-variant">Light, dark, and system-preference modes powered by Material Design 3 colour tokens.</p>
-    </div>
-  </div>
-</div>
+- **Authentication** — register, login, and logout with JWT bearer tokens backed by ASP.NET Core Identity
+- **Notification center** — persistent notification panel with unread count, mark-as-read, dismiss, and action support (e.g. one-click reload on SW update)
+- **PWA / service worker** — offline support; notifies users when a new app version is available with an in-app prompt to reload
+- **Debug page** (`/debug`) — trigger test notifications and inspect service worker update state during development
+- **PR preview deployments** — every pull request gets a live preview URL via Azure Static Web Apps
 
 ## Tech stack
 

libs/home/src/lib/home/home.ts

@@ -6,6 +6,29 @@ import { MarkdownComponent } from 'ngx-markdown';
   imports: [MarkdownComponent],
   selector: 'lib-home',
   template: `
+    <!-- Hero title band -->
+    <div
+      class="border-b border-outline-variant/30 bg-surface-container-low dark:bg-surface-container"
+    >
+      <div class="max-w-3xl mx-auto px-8 py-10">
+        <p
+          class="mb-3 text-xs font-semibold uppercase tracking-widest text-primary"
+        >
+          Full-Stack Starter
+        </p>
+        <h1
+          class="mb-4 font-display text-4xl font-bold leading-snug text-on-surface md:text-5xl"
+        >
+          Nx · Angular · .NET 10.0
+        </h1>
+        <p class="max-w-xl text-base leading-relaxed text-on-surface-variant">
+          Zoneless Angular 21, NgRx Signal Store, and .NET 10.0 Web API —
+          deployable to Azure as a production-ready Nx monorepo.
+        </p>
+      </div>
+    </div>
+
+    <!-- Prose body -->
     <div class="max-w-3xl mx-auto px-8 py-8">
       <div class="doc-prose prose max-w-none">
         <markdown data-testid="page-markdown" [src]="markdownSrc" />