|
1 | 1 | <template> |
2 | 2 | <div> |
3 | 3 | <UPageHero |
4 | | - title="Nuxt UI Pro - Vue Starter" |
5 | | - description="Nuxt UI Pro is a collection of premium components built on top of Nuxt UI to create beautiful & responsive applications in minutes." |
| 4 | + title="Vue Starter Template" |
| 5 | + description="A production-ready starter template powered by Nuxt UI. Build beautiful, accessible, and performant applications in minutes, not hours." |
6 | 6 | :links="[{ |
7 | 7 | label: 'Get started', |
8 | | - to: 'https://ui.nuxt.com/getting-started/installation/pro/vue', |
| 8 | + to: 'https://ui.nuxt.com/getting-started/installation/vue', |
9 | 9 | target: '_blank', |
10 | 10 | trailingIcon: 'i-lucide-arrow-right', |
11 | 11 | size: 'xl' |
12 | 12 | }, { |
13 | 13 | label: 'Use this template', |
14 | | - to: 'https://github.com/nuxt-ui-pro/starter-vue', |
| 14 | + to: 'https://github.com/nuxt-ui-templates/starter-vue', |
15 | 15 | target: '_blank', |
16 | 16 | icon: 'simple-icons:github', |
17 | 17 | size: 'xl', |
|
22 | 22 |
|
23 | 23 | <UPageSection |
24 | 24 | id="features" |
25 | | - title="The freedom to build anything" |
26 | | - description="Nuxt UI Pro ships with an extensive set of advanced components that cover a wide range of use-cases. Carefully crafted to reduce boilerplate code without sacrificing flexibility." |
| 25 | + title="Everything you need to build modern Vue apps" |
| 26 | + description="Start with a solid foundation. This template includes all the essentials for building production-ready applications with Nuxt UI's powerful component system." |
27 | 27 | :features="[{ |
28 | | - icon: 'i-lucide-wrench', |
29 | | - title: 'Fully customizable', |
30 | | - description: 'Customize any component through the App Config or fine-tune specific instances with the ui prop, just like Nuxt UI.' |
| 28 | + icon: 'i-lucide-rocket', |
| 29 | + title: 'Production-ready from day one', |
| 30 | + description: 'Pre-configured with TypeScript, ESLint, Tailwind CSS, and Vite. Focus on building features, not setting up tooling.' |
31 | 31 | }, { |
32 | | - icon: 'i-lucide-square-stack', |
33 | | - title: 'Powerful slot system', |
34 | | - description: 'Take full control of component layouts and content with Vue\'s comprehensive slot system for maximum flexibility.' |
| 32 | + icon: 'i-lucide-palette', |
| 33 | + title: 'Beautiful by default', |
| 34 | + description: 'Powered by Nuxt UI\'s design system with automatic dark mode, consistent spacing, and polished components that look great out of the box.' |
35 | 35 | }, { |
36 | | - icon: 'i-lucide-smartphone', |
37 | | - title: 'Mobile-first & responsive', |
38 | | - description: 'Built with a mobile-first approach, all components automatically adapt to any screen size while maintaining a polished look.' |
| 36 | + icon: 'i-lucide-zap', |
| 37 | + title: 'Lightning fast', |
| 38 | + description: 'Optimized with Vite\'s blazing fast HMR, automatic code splitting, and tree-shaking. Your users will love the speed.' |
| 39 | + }, { |
| 40 | + icon: 'i-lucide-blocks', |
| 41 | + title: '100+ components included', |
| 42 | + description: 'Access Nuxt UI\'s comprehensive component library. From forms to navigation, everything is accessible, responsive, and customizable.' |
| 43 | + }, { |
| 44 | + icon: 'i-lucide-code-2', |
| 45 | + title: 'Developer experience first', |
| 46 | + description: 'Auto-imports, hot module replacement, TypeScript support, and Vue DevTools integration. Write less boilerplate and ship more features.' |
| 47 | + }, { |
| 48 | + icon: 'i-lucide-shield-check', |
| 49 | + title: 'Built for scale', |
| 50 | + description: 'Modern Vue 3 architecture with Composition API, proper error handling, and security best practices built-in.' |
39 | 51 | }]" |
40 | 52 | /> |
41 | 53 |
|
42 | 54 | <UPageSection> |
43 | 55 | <UPageCTA |
44 | | - title="Start with Nuxt UI Pro today!" |
45 | | - description="Nuxt UI Pro is free in development, but you need a license to use it in production." |
| 56 | + title="Ready to build your next Vue app?" |
| 57 | + description="Join thousands of developers building with Vue and Nuxt UI. Get this template and start shipping today." |
46 | 58 | variant="subtle" |
47 | 59 | :links="[{ |
48 | | - label: 'Buy now', |
49 | | - to: 'https://ui.nuxt.com/pro/purchase', |
| 60 | + label: 'Start building', |
| 61 | + to: 'https://ui.nuxt.com/getting-started/installation/vue', |
50 | 62 | target: '_blank', |
51 | | - icon: 'i-lucide-shopping-cart', |
| 63 | + trailingIcon: 'i-lucide-arrow-right', |
52 | 64 | color: 'neutral' |
53 | 65 | }, { |
54 | | - label: 'License', |
55 | | - to: 'https://ui.nuxt.com/getting-started/license', |
| 66 | + label: 'View on GitHub', |
| 67 | + to: 'https://github.com/nuxt-ui-templates/starter-vue', |
56 | 68 | target: '_blank', |
57 | | - trailingIcon: 'i-lucide-circle-help', |
| 69 | + icon: 'simple-icons:github', |
58 | 70 | color: 'neutral', |
59 | | - variant: 'subtle' |
| 71 | + variant: 'outline' |
60 | 72 | }]" |
61 | 73 | /> |
62 | 74 | </UPageSection> |
|
0 commit comments