| import React from 'react'; |
| import clsx from 'clsx'; |
| import Link from '@docusaurus/Link'; |
| import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; |
| import Layout from '@theme/Layout'; |
| import HomepageFeatures from '@site/src/components/HomepageFeatures'; |
| |
| import styles from './index.module.css'; |
| |
| function HomepageHeader() { |
| const {siteConfig} = useDocusaurusContext(); |
| return ( |
| <header className={clsx('hero hero--primary', styles.heroBanner)}> |
| <div className="container"> |
| <h1 className="hero__title">{siteConfig.title}</h1> |
| <p className="hero__subtitle">{siteConfig.tagline}</p> |
| <div className={styles.buttons}> |
| <Link |
| className="button button--secondary button--lg" |
| to="/docs/intro"> |
| Quick start |
| </Link> |
| <Link |
| className="button button--secondary button--lg" |
| to="https://github.com/apache/incubator-uniffle"> |
| GitHub |
| </Link> |
| </div> |
| </div> |
| </header> |
| ); |
| } |
| |
| export default function Home(): JSX.Element { |
| const {siteConfig} = useDocusaurusContext(); |
| return ( |
| <Layout |
| title={`${siteConfig.title}`} |
| description="Apache Uniffle(Incubating) is a Remote Shuffle Service."> |
| <HomepageHeader /> |
| <main> |
| <HomepageFeatures /> |
| </main> |
| </Layout> |
| ); |
| } |