Refine portfolio experience and integrate coffee map

src/components/PageHeading.tsx

@@ -0,0 +1,20 @@
+export function PageHeading({
+  eyebrow,
+  title,
+  description,
+}: {
+  eyebrow: string;
+  title: string;
+  description: string;
+}) {
+  return (
+    <header className="archive-header">
+      <p className="eyebrow">{eyebrow}</p>
+      <h1>
+        {title}
+        <span className="accent-text">.</span>
+      </h1>
+      <p>{description}</p>
+    </header>
+  );
+}