Add tails link

src/components/Header.vue

@@ -1,5 +1,5 @@
 <template>
-    <header class="bg-gray-800 dark:bg-gray-900 border-b-4 border-blue-500">
+    <header class="pattern bg-gray-900 border-b-4 border-blue-500">
         <nav>
             <div class="container mx-auto px-6 py-4">
                 <div class="flex justify-between items-center">

src/components/Main.vue

@@ -13,6 +13,10 @@
             </div>
 
             <p class="mt-8 text-gray-700 dark:text-gray-300 text-center"> Heros components require simple <span class="font-semibold">- don't panic please 😎 -</span><a href="https://gist.github.com/khatabwedaa/352573904a5b2d5ff3598bcd54ce9f04" target="_blank" class="text-blue-600 dark:text-blue-400 hover:underline"> configuration</a></p>
+
+            <a href="https://a.paddle.com/v2/click/37973/124351?link=3167" class="block max-w-5xl mx-auto mt-8 overflow-hidden rounded-md">
+                <img src="../assets/tails.jpg" alt="devdojo tails">
+            </a>
         </div>
 
         <div class="w-full max-w-6xl mx-auto">