---
import Hero from 'fulldev-ui/blocks/Hero.astro'
import DocsLayout from 'fulldev-ui/layouts/DocsLayout.astro'
---

<DocsLayout>
  <Hero
    heading="DocsLayout"
    text="The DocsLayout component is used to wrap the content of a page in a docs-style layout."
    align="center"
    frame="viewport"
  />
</DocsLayout>