replace old docs

2022-01-03 04:20:29 -06:00
parent 557fb4f8dc
commit e46b62f888
63 changed files with 67 additions and 1113 deletions
--- a/packages/docs/src/pages/landing.tsx
+++ b/packages/docs/src/pages/landing.tsx
@@ -0,0 +1,38 @@
+import packageJson from "reacord/package.json"
+import React from "react"
+import { MainNavigation } from "../components/main-navigation"
+import { renderMarkdownFile } from "../helpers/markdown"
+import { Html } from "../html"
+import { maxWidthContainer } from "../styles/components"
+
+const landingExample = await renderMarkdownFile(
+  new URL("../components/landing-example.md", import.meta.url).pathname,
+)
+
+export function Landing() {
+  return (
+    <Html>
+      <div className="flex flex-col min-w-0 min-h-screen text-center">
+        <header className={maxWidthContainer}>
+          <MainNavigation />
+        </header>
+        <div className="px-4 pb-8 flex flex-1">
+          <main className="px-4 py-6 rounded-lg shadow bg-slate-800 space-y-5 m-auto w-full max-w-xl">
+            <h1 className="text-6xl font-light">reacord</h1>
+            <section
+              className="mx-auto text-sm sm:text-base"
+              dangerouslySetInnerHTML={{ __html: landingExample.html }}
+            />
+            <p className="text-2xl font-light">{packageJson.description}</p>
+            <a
+              href="/docs/getting-started"
+              className="inline-block px-4 py-3 text-xl transition rounded-lg bg-emerald-700 hover:translate-y-[-2px] hover:bg-emerald-800 hover:shadow"
+            >
+              Get Started
+            </a>
+          </main>
+        </div>
+      </div>
+    </Html>
+  )
+}