docs: add marketing pages (#3308)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>

docs/app/error.vue

@@ -7,7 +7,6 @@ const props = defineProps<{
   error: NuxtError
 }>()
 
-const route = useRoute()
 const appConfig = useAppConfig()
 const colorMode = useColorMode()
 
@@ -26,32 +25,7 @@ const searchTerm = ref('')
 //   useTrackEvent('Search', { props: { query: `${query} - ${searchTerm.value?.commandPaletteRef.results.length} results` } })
 // }, 500))
 
-const links = computed(() => [{
-  label: 'Docs',
-  icon: 'i-lucide-square-play',
-  to: '/getting-started',
-  active: route.path.startsWith('/getting-started')
-}, {
-  label: 'Components',
-  icon: 'i-lucide-square-code',
-  to: '/components',
-  active: route.path.startsWith('/components')
-}, {
-  label: 'Roadmap',
-  icon: 'i-lucide-map',
-  to: '/roadmap'
-}, {
-  label: 'Figma',
-  icon: 'i-lucide-figma',
-  to: 'https://www.figma.com/community/file/1288455405058138934',
-  target: '_blank'
-}, {
-  label: 'Releases',
-  icon: 'i-lucide-rocket',
-  to: 'https://github.com/nuxt/ui/releases',
-  target: '_blank'
-}].filter(Boolean))
-
+const links = useLinks()
 const color = computed(() => colorMode.value === 'dark' ? (colors as any)[appConfig.ui.colors.neutral][900] : 'white')
 const radius = computed(() => `:root { --ui-radius: ${appConfig.theme.radius}rem; }`)
 const blackAsPrimary = computed(() => appConfig.theme.blackAsPrimary ? `:root { --ui-primary: black; } .dark { --ui-primary: white; }` : ':root {}')