arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-25 01:10:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs(home): improve pro section

Browse Source
This commit is contained in:
Benjamin Canac
2024-02-22 13:07:23 +01:00
parent df32b3131b
commit d15d7fa01d
2 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/content/index.yml
View File

@@ -79,10 +79,10 @@ pro:
title: Upgrade to <span class="text-primary">Nuxt UI Pro</span> title: Upgrade to <span class="text-primary">Nuxt UI Pro</span>
description: 'Nuxt UI Pro is a collection of premium Vue components built on top of Nuxt UI to create beautiful & responsive Nuxt applications in minutes.<br>It includes all primitives to build landing pages, documentations, blogs, dashboards or entire SaaS products.' description: 'Nuxt UI Pro is a collection of premium Vue components built on top of Nuxt UI to create beautiful & responsive Nuxt applications in minutes.<br>It includes all primitives to build landing pages, documentations, blogs, dashboards or entire SaaS products.'
links: links:
- label: View plans - label: Buy now
to: /pro/pricing to: /pro/pricing
color: gray color: black
icon: i-heroicons-credit-card trailingIcon: i-heroicons-arrow-right-20-solid
size: lg size: lg
- label: Explore templates - label: Explore templates
to: /pro/templates to: /pro/templates

16
docs/pages/index.vue
View File

@@ -164,7 +164,9 @@
</ULandingSection> </ULandingSection>
<template v-if="navigation.find(item => item._path === '/pro')"> <template v-if="navigation.find(item => item._path === '/pro')">
<ULandingHero id="pro" :links="page.pro.links" :ui="{ title: 'sm:text-6xl' }"> <UDivider />
<ULandingHero id="pro" :links="page.pro.links" :ui="{ title: 'sm:text-6xl' }" class="bg-gradient-to-b from-gray-50 dark:from-gray-950/50 to-white dark:to-gray-900 relative">
<template #title> <template #title>
<span v-html="page.pro.title" /> <span v-html="page.pro.title" />
</template> </template>
@@ -173,11 +175,13 @@
<span v-html="page.pro.description" /> <span v-html="page.pro.description" />
</template> </template>
<video poster="https://res.cloudinary.com/nuxt/video/upload/so_14.8/v1708511800/ui-pro/video-nuxt-ui-pro_kwfbdh.jpg" controls class="rounded-lg"> <div class="bg-gray-900/5 dark:bg-white/5 ring-1 ring-inset ring-gray-900/10 dark:ring-white/10 rounded-xl lg:-m-4 p-4">
<source src="https://res.cloudinary.com/nuxt/video/upload/v1708511800/ui-pro/video-nuxt-ui-pro_kwfbdh.webm" type="video/webm"> <video poster="https://res.cloudinary.com/nuxt/video/upload/so_3.3/v1708511800/ui-pro/video-nuxt-ui-pro_kwfbdh.jpg" controls class="rounded-lg">
<source src="https://res.cloudinary.com/nuxt/video/upload/v1708511800/ui-pro/video-nuxt-ui-pro_kwfbdh.mp4" type="video/mp4"> <source src="https://res.cloudinary.com/nuxt/video/upload/v1708511800/ui-pro/video-nuxt-ui-pro_kwfbdh.webm" type="video/webm">
<source src="https://res.cloudinary.com/nuxt/video/upload/v1708511800/ui-pro/video-nuxt-ui-pro_kwfbdh.ogg" type="video/ogg"> <source src="https://res.cloudinary.com/nuxt/video/upload/v1708511800/ui-pro/video-nuxt-ui-pro_kwfbdh.mp4" type="video/mp4">
</video> <source src="https://res.cloudinary.com/nuxt/video/upload/v1708511800/ui-pro/video-nuxt-ui-pro_kwfbdh.ogg" type="video/ogg">
</video>
</div>
</ULandingHero> </ULandingHero>
<ULandingSection v-for="(section, index) in page.pro.sections" :key="index" v-bind="section" class="!pt-0"> <ULandingSection v-for="(section, index) in page.pro.sections" :key="index" v-bind="section" class="!pt-0">