text: import React from 'react';
  import classnames from 'classnames';
  import Layout from '@theme/Layout';
  import Link from '@docusaurus/Link';
  import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
  import useBaseUrl from '@docusaurus/useBaseUrl';
  import styles from './styles.module.css';
  
  function Home() {
      const context = useDocusaurusContext();
      const { siteConfig = {} } = context;
      return (
          <Layout
              title={`Hello from ${siteConfig.title}`}
              description="Description will go into a meta tag in <head />"
          >
              <header
                  className={classnames('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={classnames(
                                  'button button--outline button--secondary button--lg',
                                  styles.getStarted
                              )}
                              to={useBaseUrl('docs/overview')}
                          >
                              Get Started
                          </Link>
                      </div>
                  </div>
              </header>
              <main>
                  <section className={styles.features}>
                      <div className="container" style={{ textAlign: 'center' }}>
                          <h3>
                              ⚠️ Work in progress. Expect some updates the next
                              days!
                          </h3>
                      </div>
                  </section>
              </main>
          </Layout>
      );
  }
  
  export default Home;
  