diff --git a/components/BigButton.vue b/components/BigButton.vue
index 3f40dbb..3548049 100644
--- a/components/BigButton.vue
+++ b/components/BigButton.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="button-box">
-    <a class="big-button" :href="props.href">
+    <NuxtLink class="big-button" :to="props.href">
       <h2>{{props.text}}</h2>
-    </a>
+    </NuxtLink >
   </div>
 </template>
 
diff --git a/components/BlogCard.vue b/components/BlogCard.vue
index 42e6877..7ed5588 100644
--- a/components/BlogCard.vue
+++ b/components/BlogCard.vue
@@ -10,7 +10,7 @@ const props = defineProps({
 </script>
 
 <template>
-    <a class="blog-card" :href="props.href">
+    <NuxtLink  class="blog-card" :to="props.href">
       <div class="blog-header">
         <h2> {{props.heading}}</h2>
         <p v-if="tags===''" class="blog-subheading">{{props.subheading}} - #{{ props.id }}</p>
@@ -21,7 +21,7 @@ const props = defineProps({
           
           <p>{{props.description}}</p>
       </div>
-    </a>
+    </NuxtLink >
     
 </template>