-
Notifications
You must be signed in to change notification settings - Fork 567
/
index.tsx
34 lines (31 loc) 路 1014 Bytes
/
index.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
import React from 'react'
import Layout from '@theme/Layout'
import { Splash } from '../components/Splash'
import { CoreFeatures } from '../components/CoreFeatures'
import { PreviewClassSyntax, PreviewFunctionSyntax } from '../components/Preview'
import { EssentialsComponents } from '../components/EssentialsComponents'
import { UsedBy } from '../components/UsedBy'
import { Footer } from '../components/Footer'
import { Example } from '../components/Example'
import { Recommend } from '../components/Recommend'
export default function Home(): JSX.Element {
const [hidden, setHidden] = React.useState(true)
React.useEffect(() => {
setHidden(false)
}, [])
return (
<Layout>
<div style={{ visibility: hidden ? 'hidden' : 'visible' }}>
<Splash />
<CoreFeatures />
<PreviewClassSyntax />
<PreviewFunctionSyntax />
<EssentialsComponents />
<Example />
<Recommend />
<UsedBy />
<Footer />
</div>
</Layout>
)
}