diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index 8f5dc96..eceb72c 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -1,3 +1,4 @@
+import { Link } from 'react-router-dom';
 import styles from '../styles/components/Hero.module.scss';
 
 export default function Hero() {
@@ -20,12 +21,12 @@ export default function Hero() {
         </p>
 
         <div className={styles.cta}>
-          <a href="/projects" className={styles.btnPrimary}>
+          <Link to="/projects" className={styles.btnPrimary}>
             See my work
-          </a>
-          <a href="/contact" className={styles.btnGhost}>
+          </Link>
+          <Link to="/contact" className={styles.btnGhost}>
             Get in touch
-          </a>
+          </Link>
         </div>
       </div>