From 6c9111587da2f70cff9fb5c426a0db613d6eb75d Mon Sep 17 00:00:00 2001 From: Florent Delerue Date: Mon, 8 Apr 2024 17:43:56 +0200 Subject: [PATCH 01/66] feat: pricing page --- docs/app.config.ts | 14 -- docs/components/Footer.vue | 44 ++--- docs/components/Header.vue | 57 +++--- .../content/docs/1.getting-started/1.index.md | 6 +- docs/content/docs/2.storage/1.database.md | 2 +- docs/content/index.yml | 26 +-- docs/content/pricing.yml | 177 ++++++++++++++++++ docs/pages/index.vue | 6 +- docs/pages/pricing.vue | 128 +++++++++++++ .../public/images/{ => landing}/cta-dark.webp | Bin .../images/{ => landing}/cta-light.webp | Bin .../public/images/{ => landing}/hero-dark.svg | 0 .../images/{ => landing}/hero-light.svg | 0 .../{ => landing}/nuxthub-admin-database.png | Bin .../{ => landing}/nuxthub-admin-project.png | Bin .../images/{ => landing}/nuxthub-admin.png | Bin .../images/{ => landing}/nuxthub-blob.png | Bin .../images/{ => landing}/nuxthub-database.png | Bin .../nuxthub-devtools-database.png | Bin .../images/{ => landing}/nuxthub-kv.png | Bin .../images/{ => landing}/nuxthub-schema.png | Bin .../{ => landing}/pricing-dots-dark.svg | 0 .../{ => landing}/pricing-dots-light.svg | 0 .../steps/create-nuxthub-project.webp | Bin .../steps/deploy-nuxt-project.webp | Bin .../steps/link-cloudflare-account.webp | Bin .../steps/share-nuxt-project.webp | Bin docs/public/images/{ => landing}/storage.webp | Bin docs/public/images/pricing/hero-dark.webp | Bin 0 -> 476322 bytes docs/public/images/pricing/hero-light.webp | Bin 0 -> 428212 bytes 30 files changed, 359 insertions(+), 101 deletions(-) create mode 100644 docs/content/pricing.yml create mode 100644 docs/pages/pricing.vue rename docs/public/images/{ => landing}/cta-dark.webp (100%) rename docs/public/images/{ => landing}/cta-light.webp (100%) rename docs/public/images/{ => landing}/hero-dark.svg (100%) rename docs/public/images/{ => landing}/hero-light.svg (100%) rename docs/public/images/{ => landing}/nuxthub-admin-database.png (100%) rename docs/public/images/{ => landing}/nuxthub-admin-project.png (100%) rename docs/public/images/{ => landing}/nuxthub-admin.png (100%) rename docs/public/images/{ => landing}/nuxthub-blob.png (100%) rename docs/public/images/{ => landing}/nuxthub-database.png (100%) rename docs/public/images/{ => landing}/nuxthub-devtools-database.png (100%) rename docs/public/images/{ => landing}/nuxthub-kv.png (100%) rename docs/public/images/{ => landing}/nuxthub-schema.png (100%) rename docs/public/images/{ => landing}/pricing-dots-dark.svg (100%) rename docs/public/images/{ => landing}/pricing-dots-light.svg (100%) rename docs/public/images/{ => landing}/steps/create-nuxthub-project.webp (100%) rename docs/public/images/{ => landing}/steps/deploy-nuxt-project.webp (100%) rename docs/public/images/{ => landing}/steps/link-cloudflare-account.webp (100%) rename docs/public/images/{ => landing}/steps/share-nuxt-project.webp (100%) rename docs/public/images/{ => landing}/storage.webp (100%) create mode 100644 docs/public/images/pricing/hero-dark.webp create mode 100644 docs/public/images/pricing/hero-light.webp diff --git a/docs/app.config.ts b/docs/app.config.ts index a2831e12..7c66711b 100644 --- a/docs/app.config.ts +++ b/docs/app.config.ts @@ -2,12 +2,6 @@ export default defineAppConfig({ ui: { primary: 'green', gray: 'slate', - footer: { - bottom: { - left: 'text-sm text-gray-500 dark:text-gray-400', - wrapper: 'border-t border-gray-200 dark:border-gray-800' - } - }, variables: { dark: { background: 'var(--color-gray-950)' @@ -17,14 +11,6 @@ export default defineAppConfig({ seo: { siteName: 'NuxtHub', }, - header: { - links: [{ - icon: 'i-simple-icons-github', - to: 'https://github.com/nuxt-hub/core', - target: '_blank', - 'aria-label': 'NuxtHub' - }] - }, toc: { title: 'Table of Contents', bottom: { diff --git a/docs/components/Footer.vue b/docs/components/Footer.vue index e57b7ce5..e777584c 100644 --- a/docs/components/Footer.vue +++ b/docs/components/Footer.vue @@ -1,27 +1,14 @@ @@ -29,19 +16,14 @@ const links = [ diff --git a/docs/components/Header.vue b/docs/components/Header.vue index b5f27052..73eab5a4 100644 --- a/docs/components/Header.vue +++ b/docs/components/Header.vue @@ -3,28 +3,23 @@ import type { NavItem } from '@nuxt/content/dist/runtime/types' const navigation = inject('navigation', []) const { metaSymbol } = useShortcuts() -const { header } = useAppConfig() const links = [ { - label: 'Get Started', - to: '/docs/getting-started' - }, - { - label: 'Database', - to: '/docs/storage/database' - }, - { - label: 'KV', - to: '/docs/storage/kv' - }, - { - label: 'Blob', - to: '/docs/storage/blob' - }, - { - label: 'Admin', - to: 'https://admin.hub.nuxt.com/?utm_source=nuxthub-docs&utm_medium=header', - target: '_blank' + label: 'Docs', + to: '/docs/getting-started', + children: mapContentNavigation(navigation) + }, { + label: 'Templates', + to: '/templates' + }, { + label: 'Pricing', + to: '/pricing' + }, { + label: 'Changelog', + to: '/changelog' + }, { + label: 'Blog', + to: '/blog' } ] @@ -39,26 +34,16 @@ const links = [ - - - +