redesign complete

src/app/features/contact/contact-page.component.ts

@@ -0,0 +1,45 @@
+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-contact-page',
+  standalone: true,
+  imports: [PageShellComponent, RouterLink],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <app-page-shell [sections]="sections">
+      <header class="page-head shell">
+        <nav class="breadcrumb" aria-label="Breadcrumb"><a routerLink="/">~/</a><span>contact</span></nav>
+        <span class="label">// contact</span>
+        <h1>Need a senior engineer who can understand the system before changing it?</h1>
+        <p class="lead">Email is the fastest way to reach me. I'm open to senior engineering roles and consulting across Europe.</p>
+      </header>
+
+      <section class="section tight shell" aria-label="Contact details">
+        <div class="panel contact">
+          <div class="contact-actions"><a class="btn btn-accent" href="mailto:amar@dzanan.net">amar&#64;dzanan.net</a><span class="meta">Ljubljana · CET / CEST</span></div>
+          <dl class="contact-details">
+            <div><dt>email</dt><dd><a href="mailto:amar@dzanan.net">amar&#64;dzanan.net</a></dd></div>
+            <div><dt>linkedin</dt><dd><a href="https://www.linkedin.com/in/amardzanan/" target="_blank" rel="noopener">linkedin.com/in/amardzanan</a></dd></div>
+            <div><dt>location</dt><dd>Ljubljana, Slovenia — working across Europe</dd></div>
+            <div><dt>cv</dt><dd><a routerLink="/cv">cv.pdf →</a></dd></div>
+          </dl>
+        </div>
+      </section>
+    </app-page-shell>
+  `
+})
+export class ContactPageComponent {
+  readonly sections = MAIN_NAVIGATION;
+
+  constructor() {
+    inject(SeoService).update({
+      title: 'Contact — Amar Džanan',
+      description: 'Get in touch with Amar Džanan, senior full-stack engineer in Ljubljana, for senior engineering roles and consulting across Europe.',
+      path: '/contact'
+    });
+  }
+}