::hero-alt
---
announcement:
  title: '介绍图表'
  icon: 'lucide:pie-chart'
  to: /getting-started
actions:
  - name: 开始使用
    to: /getting-started
  - name: GitHub
    variant: outline
    to: https://github.com/ZTL-UwU/shadcn-docs-nuxt
    leftIcon: 'lucide:github'
---

#title
构建您的组件库

#description
精美设计的组件，您可以复制并粘贴到您的应用程序中。
::

::hero-alt
---
announcement:
  title: '介绍图表'
  icon: 'lucide:pie-chart'
  to: /getting-started
actions:
  - name: 开始使用
    to: /getting-started
  - name: GitHub
    variant: ghost
    to: https://github.com/ZTL-UwU/shadcn-docs-nuxt
mobileRight: 'top' # 'top' | 'bottom'
---

#title
构建您的组件库

#description
精美设计的组件，您可以复制并粘贴到您的应用程序中。

#right
![logo](/logo.svg)
::