Change <a> for <Link> where appropriate

2 files changed, 8 insertions, 6 deletions

diff --git a/components/layout/Footer.tsx b/components/layout/Footer.tsx
index 3ea7990..f4917b7 100644
--- a/components/layout/Footer.tsx
+++ b/components/layout/Footer.tsx
@@ -1,3 +1,5 @@
+import Link from 'next/link'
+
 export default function Footer() {
   return (
     <footer>
@@ -7,7 +9,7 @@ export default function Footer() {
         <a target="_blank" href="https://webring.umbreon.online/">webring</a>
         <a style={{ textDecoration: 'none' }} href="https://webring.umbreon.online/next?from=https://tempest.dev">&gt;</a>
       </span>
-      <a href="/pay-transparency">Pay Transparency</a>
+      <Link href="/pay-transparency">Pay Transparency</Link>
     </footer>
   )
 }
diff --git a/components/layout/Header.tsx b/components/layout/Header.tsx
index f55047c..7afe08c 100644
--- a/components/layout/Header.tsx
+++ b/components/layout/Header.tsx
@@ -1,4 +1,5 @@
 import React from 'react'
+import Link from 'next/link'
 import Image from 'components/Image'
 
 import { usePathname } from 'next/navigation'
@@ -14,13 +15,12 @@ export default function Title() {
     <header className={isHomepage ? 'homepage' : undefined}>
       {isHomepage
         ? <h1 className="siteTitle">tempest.dev</h1>
-        : <a href="/" className="siteTitle">tempest.dev</a>
+        : <Link href="/" className="siteTitle">tempest.dev</Link>
       }
       <nav>
-        <a href="/about">about</a>
-        {/* <a href="/posts">posts</a> */}
-        <a href="/contact">contact</a>
-        <a target="blank" href="https://git.tempest.dev/ashe/tempest.dev">code</a>
+        <Link href="/about">about</Link>
+        <Link href="/contact">contact</Link>
+        <Link target="blank" href="https://git.tempest.dev/ashe/tempest.dev">code</Link>
       </nav>
       <div className="headerBackground">
         <Image