docs: update

Author: atinux

docs/components/AppHeader.vue

@@ -70,7 +70,9 @@ onMounted(async () => {
         <UTooltip text="Search" :shortcuts="[metaSymbol, 'K']" :popper="{ strategy: 'absolute' }">
           <UContentSearchButton :label="null" />
         </UTooltip>
-        <UButton v-if="ready && !authenticated" size="sm" variant="ghost" label="Log in" to="https://admin.hub.nuxt.com/?utm_source=hub-docs&utm_medium=header&utm_campaign=login" color="black" class="hidden sm:inline-flex" external />
+        <UButton color="gray" variant="ghost" icon="i-simple-icons-github" to="https://github.com/nuxt-hub/core" target="_blank" />
+        <UColorModeButton class="hidden md:inline-flex" />
+        <UButton v-if="ready && !authenticated" size="sm" variant="ghost" label="Log in" to="https://admin.hub.nuxt.com/?utm_source=hub-docs&utm_medium=header&utm_campaign=login" color="gray" class="hidden sm:inline-flex" external />
         <UButton v-if="ready && !authenticated" size="sm" variant="solid" label="Sign up" to="https://admin.hub.nuxt.com/?utm_source=hub-docs&utm_medium=header&utm_campaign=signup" class="hidden sm:inline-flex" external />
         <UButton v-if="ready && authenticated" size="sm" icon="i-ph-app-window-duotone" label="Dashboard" to="https://admin.hub.nuxt.com/?utm_source=hub-docs&utm_medium=header&utm_campaign=dashboard" color="green" class="hidden sm:inline-flex" external />
       </div>

docs/content/3.pricing.yml

@@ -239,6 +239,6 @@ faq:
     - label: 'Do you have a free trial?'
       content: "We don't have a free trial for now, the Solo plan should give you everything you need to get started with all NuxtHub features."
     - label: How can I contact your support team?
-      content: 'You can contact us anytime at hub@nuxt.com, we are also on X/Twitter ([@nuxt_hub](https://x.com/nuxt_hub)) and we have a [Discord server](https://discord.gg/e25qqXb2mF).'
+      content: 'You can contact us anytime at <a href="mailto:hub@nuxt.com">hub@nuxt.com</a>, we are also on X/Twitter (<a href="https://x.com/nuxt_hub" target="_blank">@nuxt_hub</a>) and we have a <a href="https://discord.gg/e25qqXb2mF" target="_blank">Discord server</a>.'
     - label: How can I cancel my subscription?
       content: 'In the billing section of your team, you can downgrade or cancel your subscription with one click.'

docs/pages/pricing.vue

@@ -154,10 +154,12 @@ const evanTestimonial = computed(() => {
       <ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-10 items-start justify-center">
         <li v-for="step in home?.deploy.steps" :key="step.title" class="flex flex-col gap-y-8 justify-center group">
           <NuxtImg
-            :src="step.img.src"
+            :src="step.img.srcDark"
             :width="step.img.width"
             :height="step.img.height"
             :alt="step.title"
+            class="hidden dark:block"
+            lazy
           />
           <div>
             <h2 class="font-semibold" v-html="step.title" />
@@ -171,7 +173,7 @@ const evanTestimonial = computed(() => {
     <ULandingSection :title="page.faq.title" :description="page.faq.description" :ui="{ container: 'max-w-5xl' }">
       <ULandingFAQ :items="page?.faq.items" multiple>
         <template #item="{ item }">
-          <MDC :value="item.content" class="prose prose-primary dark:prose-invert max-w-none text-gray-500 dark:text-gray-400" />
+          <div class="prose prose-primary dark:prose-invert max-w-none text-gray-500 dark:text-gray-400" v-html="item.content" />
         </template>
       </ULandingFAQ>
     </ULandingSection>