ad component with test results survey

docs/.vitepress/theme/AdComponent.vue

@@ -0,0 +1,59 @@
+<script setup>
+import Icon from "./Icon.vue";
+</script>
+
+<template>
+  <div class="ad-component">
+    <a target="_blank" href="https://forms.gle/Wfc9c89j78He3Zap9">
+      <Icon class="icon" />
+      <span
+        >Share Your Insights: Join Our Survey on Test Reporting Practices!</span
+      >
+      <span class="cta">Participate now →</span>
+    </a>
+  </div>
+</template>
+
+<style scoped>
+@keyframes pulse {
+  0% {
+    border: 2px solid var(--vp-c-divider);
+  }
+  50% {
+    border: 2px solid var(--vp-c-brand);
+  }
+  100% {
+    border: 2px solid var(--vp-c-divider);
+  }
+}
+
+.ad-component {
+  margin-bottom: 2rem;
+  padding: 0.5rem 0.85rem;
+  border: 2px solid var(--vp-c-brand);
+  border-radius: 4px;
+  text-decoration: none;
+  color: var(--vp-c-text-2);
+  transition: color 0.4s ease-in-out;
+  font-size: 0.8rem;
+  animation: pulse 3s infinite;
+}
+
+.ad-component:hover {
+  color: var(--vp-c-text-1);
+}
+
+.ad-component .icon {
+  display: inline-block;
+  width: 1rem;
+  height: 1rem;
+  margin-right: 2rem;
+}
+
+.ad-component .cta {
+  margin-left: 0.3rem;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+  font-weight: 600;
+}
+</style>

docs/.vitepress/theme/Icon.vue

@@ -0,0 +1,3 @@
+<template>
+  📢 
+</template>

docs/.vitepress/theme/index.ts

@@ -1,12 +1,13 @@
 import { h } from 'vue'
 import '../style/vars.css'
 import Theme from 'vitepress/theme'
+import AdComponent from './AdComponent.vue'
 
 export default {
   ...Theme,
   Layout() {
     return h(Theme.Layout, null, {
-
+      'doc-before': () => h(AdComponent),
     })
   },
 }

docs/media/blogs.md

@@ -1,5 +1,8 @@
 # Blogs
 
+- [PactumJS: A Next-Gen REST API Testing Tool](https://medium.com/@joaovitorcoelho10/pactumjs-a-next-gen-rest-api-testing-tool-ae88a9e51916) - João Coelho
+- [Automated Tests For Strapi API using PactumJS](https://strapi.io/blog/how-to-create-automated-tests-for-strapi-api-using-pactum-js) - Ahmed Ayman
+- [An Introduction to Contract Testing With PactumJS](https://www.applause.com/blog/contract-testing-with-pactumjs) - David Ruiz Hernandez
 - [A Complete Guide to PactumJS](https://www.programsbuzz.com/article/complete-guide-pactumjs) - Moeen
 - [PactumJS: A Lightweight Contract Testing Framework](https://www.techmediapost.com/overview-of-pactumjs-a-lightweight-contract-testing-framework/) - TechMedia Post
 - [PactumJS: The Key to Efficient API Automation Testing](https://razvanvancea.ro/blog/2023/05/04/pactumjs-the-key-to-efficient-api-automation-testing/) - Razvan Vancea