Remove unused imports

package.json

@@ -26,6 +26,7 @@
   },
   "devDependencies": {
     "@playwright/test": "^1.44.0",
+    "@types/node": "^20.12.12",
     "@typescript-eslint/parser": "^7.10.0",
     "eslint": "^8.57.0",
     "eslint-plugin-astro": "^1.2.0",

src/components/Footer.astro

@@ -0,0 +1,43 @@
+---
+import { RiInstagramLine, RiLinkedinLine } from "react-icons/ri";
+
+const year = new Date().getFullYear();
+---
+
+<footer>
+  <span class="copyright"
+    >&copy; 2022&hairsp;&ndash;&hairsp;{year} Namesake</span
+  >
+  <div class="social">
+    <a
+      href="https://www.instagram.com/joinnamesake/"
+      aria-label="View Namesake on Instagram"
+      title="View Namesake on Instagram"><RiInstagramLine size="24px" /></a
+    >
+    <a
+      href="https://www.linkedin.com/company/namesake-collaborative/"
+      aria-label="View Namesake on LinkedIn"
+      title="View Namesake on LinkedIn"><RiLinkedinLine size="24px" /></a
+    >
+  </div>
+</footer>
+
+<style>
+  footer {
+    display: flex;
+    gap: var(--space-m);
+    align-items: center;
+    padding: var(--space-s) var(--space-l);
+    border-top: 1px solid var(--gray-12);
+    width: 100%;
+  }
+
+  .copyright {
+    font-size: var(--step--1);
+  }
+
+  .social {
+    display: flex;
+    gap: var(--space-s);
+  }
+</style>

src/components/Header.astro

@@ -0,0 +1,17 @@
+---
+import Logo from "./Logo.astro";
+---
+
+<header>
+  <a href="/" aria-label="Namesake homepage"><Logo /></a>
+</header>
+
+<style>
+  header {
+    display: flex;
+    justify-content: flex-start;
+    padding: var(--space-m) var(--space-l);
+    width: 100%;
+    border-bottom: 1px solid var(--gray-12);
+  }
+</style>

src/layouts/BaseLayout.astro

@@ -4,8 +4,6 @@ import "../styles/theme.css";
 import "../styles/base.css";
 
 import { ViewTransitions } from "astro:transitions";
-import { join } from "node:path";
-import { AstroFont } from "astro-font";
 
 export interface Props {
   title: string;