Initial portfolio site: Astro + Tailwind MVP

Outcome-led hero, about, grouped skills, experience summary, featured
projects + /projects index, static contact, SEO/OG, dark/light theme.
Dockerfile + nginx config + build script for homelab deploy.

src/components/Footer.astro

@@ -0,0 +1,79 @@
+---
+import { site } from "../data/site";
+import { socials } from "../data/socials";
+const year = 2026; // build-stamped; bump via the build, not a runtime Date()
+---
+
+<footer class="footer">
+  <div class="container footer__inner">
+    <div>
+      <p class="mono footer__name">{site.name}</p>
+      <p class="footer__meta">
+        {site.role} · Served from a homelab Kubernetes cluster over an encrypted tunnel.
+      </p>
+    </div>
+    <div class="footer__links">
+      {
+        socials.map((s) => (
+          <a
+            href={s.href}
+            rel={s.external ? "noopener noreferrer" : undefined}
+            aria-label={s.label}
+            title={s.label}
+          >
+            <svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true">
+              <path d={s.icon} fill="currentColor" />
+            </svg>
+          </a>
+        ))
+      }
+    </div>
+  </div>
+  <div class="container footer__base">
+    <span class="mono">© {year} {site.name}</span>
+    <span class="mono footer__dot">·</span>
+    <span class="mono">built with Astro, shipped via GitOps</span>
+  </div>
+</footer>
+
+<style>
+  .footer {
+    border-top: 1px solid var(--border);
+    padding-block: var(--space-7) var(--space-6);
+    margin-top: var(--space-8);
+    color: var(--text-dim);
+  }
+  .footer__inner {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-5);
+    justify-content: space-between;
+    align-items: center;
+  }
+  .footer__name {
+    color: var(--text);
+    font-weight: 600;
+  }
+  .footer__meta {
+    font-size: var(--step--1);
+    color: var(--text-faint);
+    margin-top: 0.25rem;
+  }
+  .footer__links {
+    display: flex;
+    gap: var(--space-4);
+  }
+  .footer__links a {
+    color: var(--text-dim);
+  }
+  .footer__links a:hover {
+    color: var(--accent);
+  }
+  .footer__base {
+    margin-top: var(--space-5);
+    font-size: 0.72rem;
+    color: var(--text-faint);
+    display: flex;
+    gap: 0.5rem;
+  }
+</style>