Mirror of https://forge.levinkeller.de/levin/dorfarchiv.git
af129ed867f2e97da132cb3375de256c99af1b2b
44 lines · 1.3 KB
| 1 | import type {ReactNode} from 'react'; |
| 2 | import clsx from 'clsx'; |
| 3 | import Link from '@docusaurus/Link'; |
| 4 | import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; |
| 5 | import Layout from '@theme/Layout'; |
| 6 | import HomepageFeatures from '@site/src/components/HomepageFeatures'; |
| 7 | import Heading from '@theme/Heading'; |
| 8 | |
| 9 | import styles from './index.module.css'; |
| 10 | |
| 11 | function HomepageHeader() { |
| 12 | const {siteConfig} = useDocusaurusContext(); |
| 13 | return ( |
| 14 | <header className={clsx('hero hero--primary', styles.heroBanner)}> |
| 15 | <div className="container"> |
| 16 | <Heading as="h1" className="hero__title"> |
| 17 | {siteConfig.title} |
| 18 | </Heading> |
| 19 | <p className="hero__subtitle">{siteConfig.tagline}</p> |
| 20 | <div className={styles.buttons}> |
| 21 | <Link |
| 22 | className="button button--secondary button--lg" |
| 23 | to="/docs/intro"> |
| 24 | Docusaurus Tutorial - 5min ⏱️ |
| 25 | </Link> |
| 26 | </div> |
| 27 | </div> |
| 28 | </header> |
| 29 | ); |
| 30 | } |
| 31 | |
| 32 | export default function Home(): ReactNode { |
| 33 | const {siteConfig} = useDocusaurusContext(); |
| 34 | return ( |
| 35 | <Layout |
| 36 | title={`Hello from ${siteConfig.title}`} |
| 37 | description="Description will go into a meta tag in <head />"> |
| 38 | <HomepageHeader /> |
| 39 | <main> |
| 40 | <HomepageFeatures /> |
| 41 | </main> |
| 42 | </Layout> |
| 43 | ); |
| 44 | } |