From 0cb5cc3947152df32a0583fd31958d07dba15ed9 Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Mon, 20 Nov 2023 14:22:03 +0100 Subject: [PATCH] docs: add pro section on landing --- docs/content/index.yml | 17 ++- docs/pages/index.vue | 20 +++ docs/public/illustrations/pro-dark.svg | 189 ++++++++++++++++++++++++ docs/public/illustrations/pro-light.svg | 150 +++++++++++++++++++ 4 files changed, 374 insertions(+), 2 deletions(-) create mode 100644 docs/public/illustrations/pro-dark.svg create mode 100644 docs/public/illustrations/pro-light.svg diff --git a/docs/content/index.yml b/docs/content/index.yml index 5c9eb2a5..057afe11 100644 --- a/docs/content/index.yml +++ b/docs/content/index.yml @@ -62,7 +62,7 @@ sections: height: 160 orientation: 'horizontal' links: - - label: Explore the docs + - label: Explore docs to: /getting-started/theming color: white size: lg @@ -72,7 +72,7 @@ sections: class: 'dark:bg-gradient-to-b from-gray-950/50 to-gray-900' slot: categories links: - - label: View all components + - label: Explore components to: /elements/accordion color: white size: lg @@ -110,3 +110,16 @@ sections: badge: 3 cta: title: Trusted and supported by our amazing community +pro: + title: 'Upgrade to UI Pro for more components' + description: 'Nuxt UI Pro is a collection of premium components built on top of Nuxt UI to create beautiful & responsive Nuxt applications in minutes.
It includes all primitives to build landing pages, documentation, blogs, changelog, dashboards or entire SaaS products.' + image: + path: /illustrations/pro + width: 1216 + height: 424 + links: + - label: Explore Pro + to: /pro + color: white + size: lg + trailingIcon: i-heroicons-arrow-right-20-solid diff --git a/docs/pages/index.vue b/docs/pages/index.vue index 48edad23..e89e302f 100644 --- a/docs/pages/index.vue +++ b/docs/pages/index.vue @@ -188,6 +188,26 @@ + + + + + + + + diff --git a/docs/public/illustrations/pro-dark.svg b/docs/public/illustrations/pro-dark.svg new file mode 100644 index 00000000..ef63e48d --- /dev/null +++ b/docs/public/illustrations/pro-dark.svg @@ -0,0 +1,189 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/public/illustrations/pro-light.svg b/docs/public/illustrations/pro-light.svg new file mode 100644 index 00000000..29613b07 --- /dev/null +++ b/docs/public/illustrations/pro-light.svg @@ -0,0 +1,150 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +