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 @@
+