Add vibedoctor.dev link to blog footers (#3)

Co-authored-by: Suman Saurabh <sumansaurabh@users.noreply.github.com>

Author: sumansaurabh

.vitepress/theme/Layout.vue

@@ -6,8 +6,9 @@
       <Analytics />
     </template>
     <template #doc-footer-before>
+      <VibeDoctorLink />
       <AuthorInfo />
-      <Comments />  
+      <Comments />
     </template>
 
   </Layout>
@@ -20,6 +21,7 @@ import AuthorInfo from './AuthorInfo.vue'
 import EmailSignup from './EmailSignup.vue'
 import Comments from './Comments.vue'
 import Analytics from './Analytics.vue'
+import VibeDoctorLink from './VibeDoctorLink.vue'
 
 const { Layout } = DefaultTheme
 </script>

.vitepress/theme/VibeDoctorLink.vue

@@ -0,0 +1,25 @@
+<template>
+  <div class="vibedoctor-container">
+    <p>
+      Visit <a href="https://vibedoctor.dev" target="_blank" rel="noopener">vibedoctor.dev</a>
+    </p>
+  </div>
+</template>
+
+<style scoped>
+.vibedoctor-container {
+  margin-top: 24px;
+  text-align: center;
+  font-size: 1rem;
+}
+
+.vibedoctor-container a {
+  color: var(--vp-c-brand);
+  font-weight: 600;
+  text-decoration: none;
+}
+
+.vibedoctor-container a:hover {
+  text-decoration: underline;
+}
+</style>