diff --git a/resources/js/components/PageHeader.vue b/resources/js/components/PageHeader.vue
index 2cefd29..b5c98a6 100644
--- a/resources/js/components/PageHeader.vue
+++ b/resources/js/components/PageHeader.vue
@@ -2,14 +2,14 @@
     <div class="home-header">
         <div class="container">
             <header>
-                <a class="brand" href="/">
+                <router-link class="brand" :to="{ name: 'index' }">
                     <img
                         class="brand-logo"
                         src="//via.placeholder.com/256"
                         alt="Brand Logo"
                     />
                     <span class="brand-name">Daniel de Cloet</span>
-                </a>
+                </router-link>
                 <nav class="site-nav">
                     <site-nav></site-nav>
                 </nav>