Replace index page with redirect

docs/docusaurus.config.ts

@@ -38,6 +38,7 @@ const config: Config = {
       logo: {
         alt: "StarOpenSource UI",
         src: "dist/sui.png",
+        href: '/about',
       },
       items: [
         {

docs/src/pages/index.module.css

@@ -1,23 +0,0 @@
-/**
- * CSS files with the .module.css suffix will be treated as CSS modules
- * and scoped locally.
- */
-
-.heroBanner {
-  padding: 4rem 0;
-  text-align: center;
-  position: relative;
-  overflow: hidden;
-}
-
-@media screen and (max-width: 996px) {
-  .heroBanner {
-    padding: 2rem;
-  }
-}
-
-.buttons {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}

docs/src/pages/index.tsx

@@ -1,27 +0,0 @@
-import clsx from 'clsx';
-import Link from '@docusaurus/Link';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import Layout from '@theme/Layout';
-import Heading from '@theme/Heading';
-
-import styles from './index.module.css';
-
-export default function Home(): JSX.Element {
-  const {siteConfig} = useDocusaurusContext();
-  return (
-    <Layout
-      title={``}
-      description="The Presencode documentation">
-      <header className={clsx('hero hero--primary', styles.heroBanner)}>
-        <div className="container">
-          <Heading as="h1" className="hero__title">You shouldn't see this.</Heading>
-          <p className="hero__subtitle">You should have been redirected to the <b>About</b> page.</p>
-          <div className={styles.buttons}>
-            <Link className="button button--secondary button--lg" to="/about">Click here to get there
-            </Link>
-          </div>
-        </div>
-      </header>
-    </Layout>
-  );
-}