diff --git a/components/buttons.tsx b/components/buttons.tsx
index aed724a..46aae4b 100644
--- a/components/buttons.tsx
+++ b/components/buttons.tsx
@@ -1,12 +1,13 @@
 import styles from '../styles/components/Buttons.module.css';
+import Link from 'next/link'
 
 export default function Footer() {
     return (
         <section className={styles.section}>
             <h2>Learn more</h2>
             <div>
-                <a href="/about">About</a>
-                <a href="/contact">Contact</a>
+                <Link href="/about">About</Link>
+                <Link href="/contact">Contact</Link>
                 <a href="https://twitter.com/DubbelNull" target="_blank" rel="noreferrer">Twitter</a>
                 <a href="https://gitlab.com/dubbelnull" target="_blank" rel="noreferrer">GitLab</a>
                 <a href="https://discord.gg/976Xskh8Dd" target="_blank" rel="noreferrer">Discord</a>