feat: Documentation and API reference (#348)

Co-authored-by: Vadim Smirnov <smirnou.vadzim@gmail.com>
Co-authored-by: zakariasaad <zakaria.elas@gmail.com>
Co-authored-by: Vilfred Sikker <vilfredsikker@gmail.com>
Co-authored-by: Kasper <kasper@medusa-commerce.com>
Co-authored-by: Sebastian Rindom <skrindom@gmail.com>
Co-authored-by: Kasper Fabricius Kristensen <45367945+kasperkristensen@users.noreply.github.com>

www/docs/src/pages/index.js

@@ -0,0 +1,20 @@
+import React from "react"
+import { Banner } from "../components/Banner/"
+import { Intro } from "../components/Intro/"
+import { Layout } from "../components/Layout/"
+import styles from "./index.module.css"
+
+export default function Home() {
+  return (
+    <Layout title={`Docs`} description="some description...">
+      <div className={styles.container}>
+        <Banner />
+        <Intro
+          title="Explore and learn how to use Medusa."
+          desc="Get up and running within 5 minutes."
+        />
+        {/* <TabsPanel items={CARDS_DATA} /> */}
+      </div>
+    </Layout>
+  )
+}

www/docs/src/pages/index.module.css

@@ -0,0 +1,37 @@
+/* stylelint-disable docusaurus/copyright-header */
+
+/**
+ * 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: 966px) {
+  .heroBanner {
+    padding: 2rem;
+  }
+}
+
+.buttons {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+}
+
+@media screen and (min-width: 966px) {
+  .container {
+    max-width: 850px;
+    margin: 0 auto;
+  }
+}