Added sponsors

Author: danpastori

docs/app/components/Sponsors.vue

@@ -0,0 +1,19 @@
+<template>
+    <div class="mx-auto py-8 md:py-16 flex flex-col w-full">
+        <h4 class="mb-2 font-medium text-white font-sans">Platinum Sponsors</h4>
+
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-y-4 md:gap-y-0 gap-x-2">
+            <NuxtLink to="https://sevalla.com/" target="_blank" class="p-[10px] rounded bg-[#13161B] hover:bg-[#22262F] h-32 flex items-center justify-center transition-all duration-200">
+                <img src="/assets/icons/hosts/sevalla.svg" alt="Sponsor" class="w-64 md:w-full object-contain" />
+            </NuxtLink>
+
+            <NuxtLink target="_blank" to="https://github.com/sponsors/serversideup" class="p-[10px] rounded bg-[#13161B] h-32 flex items-center justify-center text-[#94979C] font-medium font-sans hover:bg-[#22262F] transition-all duration-200">
+                Become a Sponsor
+            </NuxtLink>
+
+            <div class="hidden md:flex p-[10px] rounded bg-[#13161B] h-32 items-center justify-center text-[#94979C] font-medium font-sans">
+                
+            </div>
+        </div>
+    </div>
+</template>

docs/app/pages/[...slug].vue

@@ -53,6 +53,22 @@
               :title="toc.bottom.title"
               :links="links"
             />
+
+            <UPageLinks
+              title="Sponsors"
+              :links="[{
+                label: 'Become a Sponsor',
+                icon: 'i-lucide-external-link',
+                to: 'https://github.com/sponsors/serversideup',
+                target: '_blank'
+              }]"
+            />
+            
+            <NuxtLink
+              to="https://sevalla.com/"
+              target="_blank">
+              <img src="/assets/icons/hosts/sevalla.svg" alt="Sevalla" class="w-full"/>
+            </NuxtLink>
           </div>
         </template>
       </UContentToc>
@@ -69,7 +85,7 @@ definePageMeta({
 })
 
 const route = useRoute()
-const { toc } = useAppConfig()
+const { toc, sponsors } = useAppConfig()
 const navigation = inject<Ref<ContentNavigationItem[]>>('navigation')
 
 const { data: page } = await useAsyncData(route.path, () => queryCollection('docs').path(route.path).first())

docs/content/index.md

@@ -185,6 +185,8 @@ Get the full benefits of containerization. Stop using containers in dev only. Wo
 
 :testimonials
 
+:sponsors
+
 :landing-signup
 
 :follow-along