Change <a> for <Link> where appropriate

2 files changed, 6 insertions, 4 deletions

diff --git a/app/about/page.tsx b/app/about/page.tsx
index 255f403..1a9ef1c 100644
--- a/app/about/page.tsx
+++ b/app/about/page.tsx
@@ -1,3 +1,4 @@
+import Link from 'next/link'
 import Image from 'components/Image'
 
 import system from '~/config/system.json'
@@ -40,7 +41,7 @@ export default function About() {
                 {member.bioShort}
               </p>
               <p>
-                <a href={`/about/${member.name.toLowerCase()}`}>{member.readMore}</a>
+                <Link href={`/about/${member.name.toLowerCase()}`}>{member.readMore}</Link>
               </p>
             </section>
           )
@@ -69,7 +70,7 @@ export default function About() {
                 {member.bioShort}
               </p>
               <p>
-                <a href={`/about/${member.name.toLowerCase()}`}>{member.readMore}</a>
+                <Link href={`/about/${member.name.toLowerCase()}`}>{member.readMore}</Link>
               </p>
             </section>
           )
diff --git a/app/page.tsx b/app/page.tsx
index eeb99af..b044b16 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,4 +1,5 @@
-import React from 'react';
+import React from 'react'
+import Link from 'next/link'
 
 import styles from '~/styles/index.module.css'
 
@@ -39,7 +40,7 @@ export default function Index() {
 
       <p>
         <em>Note:</em> This is the information for our system in aggregate,
-        for individual info see our <a href="/about">about</a> page
+        for individual info see our <Link href="/about">about</Link> page
       </p>
     </main>
   )