From c090a9e9cda25f1db86445430329311f8a4faa65 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 16 May 2023 15:20:58 +0200
Subject: [PATCH] docs: improve seo

---
 docs/app.vue                              | 2 +-
 docs/components/Header.vue                | 4 ++--
 docs/content/1.getting-started/1.index.md | 7 +++++--
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/docs/app.vue b/docs/app.vue
index e3ea7e38..4dec28ee 100644
--- a/docs/app.vue
+++ b/docs/app.vue
@@ -38,7 +38,7 @@ const color = computed(() => colorMode.value === 'dark' ? '#18181b' : 'white')
 // Head
 
 useHead({
-  titleTemplate: title => title && title !== 'nuxthq/ui' ? `${title} - nuxthq/ui` : 'nuxthq/ui',
+  titleTemplate: title => title && title.includes('NuxtLabs UI') ? title : `${title} - NuxtLabs UI`,
   meta: [
     { name: 'viewport', content: 'width=device-width, initial-scale=1, maximum-scale=1' },
     { key: 'theme-color', name: 'theme-color', content: color }
diff --git a/docs/components/Header.vue b/docs/components/Header.vue
index 5110b860..8d9e8cf8 100644
--- a/docs/components/Header.vue
+++ b/docs/components/Header.vue
@@ -3,10 +3,10 @@
     <UContainer>
       <div class="flex items-center justify-between h-16">
         <div class="flex items-center gap-3">
-          <NuxtLink to="/" class="flex items-end gap-2 font-bold text-xl text-gray-900 dark:text-white">
+          <NuxtLink to="/" class="flex items-end gap-1.5 font-bold text-xl text-gray-900 dark:text-white">
             <Logo class="w-8 h-8 text-primary-500 dark:text-primary-400" />
 
-            nuxthq/ui
+            NuxtLabs<span class="text-primary-500 dark:text-primary-400">UI</span>
           </NuxtLink>
         </div>
 
diff --git a/docs/content/1.getting-started/1.index.md b/docs/content/1.getting-started/1.index.md
index 1c1828e0..8d266460 100644
--- a/docs/content/1.getting-started/1.index.md
+++ b/docs/content/1.getting-started/1.index.md
@@ -1,6 +1,9 @@
 ---
 title: Introduction
-description: 'Fully styled and customizable UI components as a Nuxt module.'
+description: 'Fully styled and customizable components for Nuxt.'
+head:
+  title: 'NuxtLabs UI: Fully styled and customizable components for Nuxt'
+  description: 'It provides everything related to UI when building your Nuxt app. This includes components, icons, colors, dark mode but also keyboard shortcuts. Built with HeadlessUI and TailwindCSS, published under MIT License.'
 ---
 
 This module has been developed by the [NuxtLabs](https://nuxtlabs.com/) team for [Volta](https://volta.net) and [Nuxt Studio](https://nuxt.studio/), its goal is to provide everything related to UI when building a Nuxt app. This includes components, icons, colors, dark mode but also keyboard shortcuts.
@@ -11,7 +14,7 @@ This module has been developed by the [NuxtLabs](https://nuxtlabs.com/) team for
 
 ## Features
 
-- Fully styled and customizable components
+- Built with [HeadlessUI](https://headlessui.dev/) and [TailwindCSS](https://tailwindcss.com/)
 - HMR support through Nuxt App Config
 - Dark mode support
 - Keyboard shortcuts