include affiliate to homepage

Author: andrepg

src/views/HomeView.vue

@@ -1,7 +1,7 @@
 <script setup>
 import PrimaryButton from '@/components/PrimaryButton.vue'
 import BubblesAnimation from '@/components/Layout/BubblesAnimation.vue'
-import { HomepageLinks, HomepageProjects } from '@/data/homepageLinks.js'
+import { HomepageLinks, HomepageProjects, AffiliateLinks } from '@/data/homepageLinks.js'
 import FlexGridContainer from '@/components/Layout/FlexGridContainer.vue';
 
 const lastGridItemClass = 'odd:last-of-type:text-center odd:last-of-type:col-span-full';
@@ -45,6 +45,19 @@ const lastGridItemClass = 'odd:last-of-type:text-center odd:last-of-type:col-spa
         </PrimaryButton>
       </FlexGridContainer>
     </div>
+
+    <div class="flex flex-col gap-1 py-4">
+      <h2 class="font-serif flex flex-row gap-4 md:justify-center">
+        <span>🔗</span> Recomendações e Afiliados
+      </h2>
+
+      <FlexGridContainer>
+        <PrimaryButton :class="lastGridItemClass" v-for="button in AffiliateLinks" :key="button.target"
+          icon="hugeicons:briefcase-06" :target="button.target">
+          {{ button.label }}
+        </PrimaryButton>
+      </FlexGridContainer>
+    </div>
   </div>
 
   <BubblesAnimation></BubblesAnimation>