Redesign portfolio around systems case studies

src/app/features/not-found/not-found-page.component.ts

@@ -0,0 +1,33 @@
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { PageShellComponent } from '../../core/layout/page-shell.component';
+import { SeoService } from '../../core/services/seo.service';
+import { MAIN_NAVIGATION } from '../../shared/config/navigation.config';
+
+@Component({
+  selector: 'app-not-found-page',
+  standalone: true,
+  imports: [PageShellComponent, RouterLink],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <app-page-shell [sections]="sections">
+      <section class="not-found shell">
+        <p class="eyebrow mono">404 / Route not found</p>
+        <h1>This path ends here.</h1>
+        <p>The page may have moved. The selected systems and current CV are available from the homepage.</p>
+        <a class="button button-primary" routerLink="/">Return to selected work →</a>
+      </section>
+    </app-page-shell>
+  `
+})
+export class NotFoundPageComponent {
+  readonly sections = MAIN_NAVIGATION;
+
+  constructor() {
+    inject(SeoService).update({
+      title: 'Page not found — Amar Džanan',
+      description: 'The requested page could not be found.',
+      path: '/404'
+    });
+  }
+}