github.com/wawandco/ox@v0.13.6-0.20230809142027-913b3d837f2a/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  import PageFooter from '../components/PageFooter';
     9  
    10  function HomepageHeader() {
    11    const {siteConfig} = useDocusaurusContext();
    12    return (
    13      <header className={clsx('hero', styles.heroBanner)}>
    14        <div className="container">
    15          <img src="/img/ox_dark.png" class="light-theme-logo hidden" />
    16          <img src="/img/ox_light.png" class="dark-theme-logo hidden" />
    17  
    18          <p className="hero__subtitle tagline">{siteConfig.tagline}</p>
    19          <div className={styles.buttons}>
    20            <Link
    21              className="button button--primary button--lg"
    22              to="/docs/getting-started">
    23              Get started
    24            </Link>
    25          </div>
    26        </div>
    27      </header>
    28    );
    29  }
    30  
    31  export default function Home() {
    32    const {siteConfig} = useDocusaurusContext();
    33    return (
    34      <Layout
    35        title={`Welcome`}
    36        description="Go CLI for Rapid Application Development">
    37        <main>
    38          <HomepageHeader />
    39          <HomepageFeatures />
    40        </main>
    41        <PageFooter />
    42      </Layout>
    43    );
    44  }