docs: add marketing pages (#3308)

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

docs/app/pages/pro/terms.vue

@@ -0,0 +1,31 @@
+<script setup lang="ts">
+const { data: page } = await useAsyncData('terms', () => queryCollection('content').path('/pro/terms').first())
+if (!page.value) {
+  throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true })
+}
+
+const title = page.value.title
+const description = page.value.description
+useSeoMeta({
+  title,
+  description,
+  ogTitle: `${title} - Nuxt UI Pro`,
+  ogDescription: description
+})
+
+defineOgImageComponent('Docs', {
+  headline: 'Pro'
+})
+</script>
+
+<template>
+  <UContainer>
+    <UPage v-if="page">
+      <UPageHeader :title="page.title" :description="page.description" />
+
+      <UPageBody prose>
+        <ContentRenderer v-if="page.body" :value="page" />
+      </UPageBody>
+    </UPage>
+  </UContainer>
+</template>