Adds a how it works section

skpr · Jan 27, 2025 · ece55ab · ece55ab
1 parent abd539d
commit ece55ab
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 0 deletions.
diff --git a/docs/src/components/HowItWorks/how-it-works.png b/docs/src/components/HowItWorks/how-it-works.png
diff --git a/docs/src/components/HowItWorks/index.js b/docs/src/components/HowItWorks/index.js
@@ -0,0 +1,16 @@
+import clsx from 'clsx';
+import src from './how-it-works.png';
+
+export default function HowItWorks() {
+  return (
+    <section>
+      <div className="container">
+        <div className="row">
+          <div className={clsx('col col--8 col--offset-2')}>
+            <img src={src} alt="Overview of how MTK works" />;
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/docs/src/pages/index.js b/docs/src/pages/index.js
@@ -3,6 +3,7 @@ import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
 import HomepageFeatures from '@site/src/components/HomepageFeatures';
+import HowItWorks from '@site/src/components/HowItWorks';
 
 import Heading from '@theme/Heading';
 import styles from './index.module.css';
@@ -37,6 +38,7 @@ export default function Home() {
       <HomepageHeader />
       <main>
         <HomepageFeatures />
+        <HowItWorks />
       </main>
     </Layout>
   );