github.com/wawandco/oxpecker@v1.5.7-0.20210910201653-5958d4afdd89/docs/web/src/pages/index.js (about)

     1  import React from 'react';
     2  import clsx from 'clsx';
     3  import Layout from '@theme/Layout';
     4  import Link from '@docusaurus/Link';
     5  import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
     6  import styles from './index.module.css';
     7  import HomepageFeatures from '../components/HomepageFeatures';
     8  
     9  function HomepageHeader() {
    10    const {siteConfig} = useDocusaurusContext();
    11    return (
    12      <header className={clsx('hero hero--primary', styles.heroBanner)}>
    13        <div className="container">
    14          <h1 className="hero__title">{siteConfig.title}</h1>
    15          <p className="hero__subtitle">{siteConfig.tagline}</p>
    16          <div className={styles.buttons}>
    17            <Link
    18              className="button button--secondary button--lg"
    19              to="/docs/getting-started">
    20              Get started
    21            </Link>
    22          </div>
    23        </div>
    24      </header>
    25    );
    26  }
    27  
    28  export default function Home() {
    29    const {siteConfig} = useDocusaurusContext();
    30    return (
    31      <Layout
    32        title={`Welcome to ${siteConfig.title}`}
    33        description="Ox documentation">
    34        <HomepageHeader />
    35        <main>
    36          <HomepageFeatures />
    37        </main>
    38      </Layout>
    39    );
    40  }