@@ -17,9 +17,8 @@ const FeatureList: FeatureItem[] = [
1717 emoji : "🎨" ,
1818 description : (
1919 < >
20- Fully own the visual identity of your documentation with curated color
21- palettes, typography scales, and polished spacing tokens that make every
22- page look editorial-ready.
20+ Fully own the visual identity of your documentation with curated color palettes, typography
21+ scales, and polished spacing tokens that make every page look editorial-ready.
2322 </ >
2423 ) ,
2524 } ,
@@ -28,9 +27,8 @@ const FeatureList: FeatureItem[] = [
2827 emoji : "🧱" ,
2928 description : (
3029 < >
31- Ship faster with Layout, Logo, and Footer components that balance
32- personality and usability. Every piece is theme-able, accessible, and
33- ready to extend.
30+ Ship faster with Layout, Logo, and Footer components that balance personality and usability.
31+ Every piece is theme-able, accessible, and ready to extend.
3432 </ >
3533 ) ,
3634 } ,
@@ -39,9 +37,8 @@ const FeatureList: FeatureItem[] = [
3937 emoji : "⚡️" ,
4038 description : (
4139 < >
42- Built on the latest Docusaurus 3 stack with TypeScript definitions,
43- automated validation, and thoughtful defaults so you can iterate with
44- confidence.
40+ Built on the latest Docusaurus 3 stack with TypeScript definitions, automated validation,
41+ and thoughtful defaults so you can iterate with confidence.
4542 </ >
4643 ) ,
4744 } ,
@@ -116,26 +113,17 @@ export default function Home(): JSX.Element {
116113 < main >
117114 < section className = { clsx ( styles . section , styles . heroBanner ) } >
118115 < div className = { styles . heroContent } >
119- < h1 className = { styles . heroTitle } >
120- Hoverkraft Theme for Docusaurus
121- </ h1 >
116+ < h1 className = { styles . heroTitle } > Hoverkraft Theme for Docusaurus</ h1 >
122117 < p className = { styles . heroSubtitle } >
123- Craft documentation that feels premium out-of-the-box. The
124- Hoverkraft theme blends an opinionated visual system with
125- pragmatic components that stay out of your way and let your
126- content shine.
118+ Craft documentation that feels premium out-of-the-box. The Hoverkraft theme blends an
119+ opinionated visual system with pragmatic components that stay out of your way and let
120+ your content shine.
127121 </ p >
128122 < div className = { styles . heroButtons } >
129- < Link
130- className = "button button--primary button--lg"
131- to = "/docs/getting-started"
132- >
123+ < Link className = "button button--primary button--lg" to = "/docs/getting-started" >
133124 Start building
134125 </ Link >
135- < Link
136- className = "button button--secondary button--lg"
137- to = "/docs/components/layout"
138- >
126+ < Link className = "button button--secondary button--lg" to = "/docs/components/layout" >
139127 Explore components
140128 </ Link >
141129 < Link className = "button button--outline button--lg" to = "/blog" >
@@ -147,13 +135,10 @@ export default function Home(): JSX.Element {
147135
148136 < section className = { styles . section } >
149137 < div className = "container" >
150- < h2 className = { styles . sectionTitle } >
151- Everything your docs need to stand out
152- </ h2 >
138+ < h2 className = { styles . sectionTitle } > Everything your docs need to stand out</ h2 >
153139 < p className = { styles . sectionSubtitle } >
154- We distilled years of product storytelling into a reusable design
155- system that works for launches, integrations, and long-form
156- documentation.
140+ We distilled years of product storytelling into a reusable design system that works
141+ for launches, integrations, and long-form documentation.
157142 </ p >
158143 < div className = { styles . features } >
159144 { FeatureList . map ( ( props ) => (
@@ -167,9 +152,8 @@ export default function Home(): JSX.Element {
167152 < div className = "container" >
168153 < h2 className = { styles . sectionTitle } > Color system ready to remix</ h2 >
169154 < p className = { styles . sectionSubtitle } >
170- Update three CSS variables and the entire site adapts—from hero
171- gradients to code blocks and footers—while respecting
172- accessibility contrast ratios.
155+ Update three CSS variables and the entire site adapts—from hero gradients to code
156+ blocks and footers—while respecting accessibility contrast ratios.
173157 </ p >
174158 < div className = { styles . palette } >
175159 { colorSwatches . map ( ( swatch ) => (
@@ -191,46 +175,32 @@ export default function Home(): JSX.Element {
191175 < div className = "container" >
192176 < h2 className = { styles . sectionTitle } > Built for modern teams</ h2 >
193177 < p className = { styles . sectionSubtitle } >
194- Every detail—from TypeScript support to content structure—was
195- designed to keep teams shipping purposeful, consistent
196- documentation.
178+ Every detail—from TypeScript support to content structure—was designed to keep teams
179+ shipping purposeful, consistent documentation.
197180 </ p >
198181 < div className = { styles . integrationList } >
199182 { integrationHighlights . map ( ( { title, copy } ) => (
200183 < div key = { title } className = { styles . integrationCard } >
201- < h3 style = { { marginBottom : "0.5rem" , fontSize : "1.1rem" } } >
202- { title }
203- </ h3 >
184+ < h3 style = { { marginBottom : "0.5rem" , fontSize : "1.1rem" } } > { title } </ h3 >
204185 < p style = { { margin : 0 } } > { copy } </ p >
205186 </ div >
206187 ) ) }
207188 </ div >
208189 < div className = { styles . callout } >
209- < h3 className = { styles . calloutTitle } >
210- Ready to bring Hoverkraft to your docs?
211- </ h3 >
190+ < h3 className = { styles . calloutTitle } > Ready to bring Hoverkraft to your docs?</ h3 >
212191 < p >
213- Follow the installation guide, wire up the theme config, and
214- customize the layout in minutes. We included live examples,
215- copy-ready snippets, and a migration path for existing sites.
192+ Follow the installation guide, wire up the theme config, and customize the layout in
193+ minutes. We included live examples, copy-ready snippets, and a migration path for
194+ existing sites.
216195 </ p >
217196 < div className = { styles . calloutButtons } >
218- < Link
219- className = "button button--primary button--lg"
220- to = "/docs/installation"
221- >
197+ < Link className = "button button--primary button--lg" to = "/docs/installation" >
222198 Install the theme
223199 </ Link >
224- < Link
225- className = "button button--secondary button--lg"
226- to = "/docs/configuration"
227- >
200+ < Link className = "button button--secondary button--lg" to = "/docs/configuration" >
228201 Configure Hoverkraft
229202 </ Link >
230- < Link
231- className = "button button--outline button--lg"
232- to = "/docs/migration"
233- >
203+ < Link className = "button button--outline button--lg" to = "/docs/migration" >
234204 Migrate an existing site
235205 </ Link >
236206 </ div >
0 commit comments