import React from 'react';

import clsx from 'clsx';

import Link from '@docusaurus/Link';

import useDocusaurusContext from '@docusaurus/useDocusaurusContext';

import Layout from '@theme/Layout';

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={styles.heroTitle}>{siteConfig.title}</h1>

<h2>欢迎光临 低代码引擎文档站</h2>

<p className="hero__subtitle">{siteConfig.tagline}</p>

<div className={styles.buttons}>

<Link

className="button button--secondary button--lg"

to="/docs/guide/quickStart/start"

>

快速开始

</Link>

</div>

</div>

</header>

);

}

export default function Home(): JSX.Element {

const { siteConfig } = useDocusaurusContext();

return (

<Layout

title={`${siteConfig.title}`}

description=""

>

<HomepageHeader />

</Layout>

);

}