11---
22title : " Introduction"
3- description : " Start building modern documentation in under five minutes "
3+ description : " Meet the next generation of documentation. AI-native, beautiful out-of-the-box, and built for developers. "
44icon : " book-open"
55mode : " custom"
66---
@@ -19,27 +19,41 @@ export const HeroCard = ({ filename, title, description, href }) => {
1919}
2020
2121<div className = " relative" >
22-
2322<div className = " absolute top-0 left-0 right-0" >
24- <img src = " /images/hero/background-light.png" className = " block dark:hidden pointer-events-none" />
25- <img src = " /images/hero/background-dark.png" className = " hidden dark:block pointer-events-none" />
23+ <img
24+ src = " /images/hero/background-light.png"
25+ className = " block dark:hidden pointer-events-none"
26+ />
27+
28+ <img
29+ src = " /images/hero/background-dark.png"
30+ className = " hidden dark:block pointer-events-none"
31+ />
32+
2633</div >
2734
2835<div className = " px-4 py-16 lg:py-48 lg:pb-24 max-w-3xl mx-auto" >
29- <h1 className = " text-4xl font-medium text-center text-gray-900 dark:text-zinc-50 tracking-tight" >
30- Documentation
31- </h1 >
32-
33- <p className = " max-w-xl mx-auto px-4 mt-4 text-lg text-center" >
34- Meet the next generation of documentation. AI-native, beautiful out-of-the-box, and built for developers.
35- </p >
36-
37- <div className = " px-6 lg:px-0 mt-12 lg:mt-24 grid sm:grid-cols-2 gap-x-6 gap-y-4" >
38- <HeroCard filename = " rocket" title = " Quickstart" description = " Deploy your first docs site in minutes with our step-by-step guide" href = " /quickstart" />
39- <HeroCard filename = " cli" title = " Installation" description = " Install the CLI to preview and develop your docs locally" href = " /installation" />
40- <HeroCard filename = " editor" title = " Web Editor" description = " Make quick updates and manage content with our browser-based editor" href = " /editor" />
41- <HeroCard filename = " components" title = " Components" description = " Build rich, interactive documentation with our ready-to-use components" href = " /text" />
42- </div >
36+ <h1 className = " text-4xl font-medium text-center text-gray-900 dark:text-zinc-50 tracking-tight" >
37+ Documentation
38+
39+ </h1 >
40+
41+ <p className = " max-w-xl mx-auto px-4 mt-4 text-lg text-center text-gray-500 dark:text-zinc-500" >
42+ Meet the next generation of documentation. AI-native, beautiful out-of-the-box, and built for developers.
43+
44+ </p >
45+
46+ <div className = " px-6 lg:px-0 mt-12 lg:mt-24 grid sm:grid-cols-2 gap-x-6 gap-y-4" >
47+ <HeroCard filename = " rocket" title = " Quickstart" description = " Deploy your first docs site in minutes with our step-by-step guide" href = " /quickstart" />
48+
49+ <HeroCard filename = " cli" title = " CLI installation" description = " Install the CLI to preview and develop your docs locally" href = " /development" />
50+
51+ <HeroCard filename = " editor" title = " Web editor" description = " Make quick updates and manage content with our browser-based editor" href = " /web-editor" />
52+
53+ <HeroCard filename = " components" title = " Components" description = " Build rich, interactive documentation with our ready-to-use components" href = " /content/components" />
54+
55+ </div >
56+
4357</div >
4458
4559</div >
0 commit comments