neat landing page

2021-12-30 14:53:45 -06:00
parent 4c5164518f
commit 88426791f0
4 changed files with 94 additions and 56 deletions
--- a/packages/docs/app/root.tsx
+++ b/packages/docs/app/root.tsx
@@ -1,12 +1,5 @@
-import { CodeIcon } from "@heroicons/react/outline"
-import {
-  DatabaseIcon,
-  DocumentTextIcon,
-  ExternalLinkIcon,
-} from "@heroicons/react/solid"
 import type { LinksFunction, MetaFunction } from "remix"
 import {
-  Link,
  Links,
  LiveReload,
  Meta,
@@ -14,9 +7,6 @@ import {
  Scripts,
  ScrollRestoration,
 } from "remix"
-import { ExternalLink } from "~/components/external-link"
-import { HeaderLayout } from "~/components/header-layout"
-import { linkClass } from "~/styles"
 import prismThemeCss from "./prism-theme.css"

 export const meta: MetaFunction = () => {
@@ -48,7 +38,7 @@ export default function App() {
        <Links />
      </head>
      <body>
-        <HeaderLayout header={<HeaderNav />} body={<Outlet />} />
+        <Outlet />
        <ScrollRestoration />
        <Scripts />
        {process.env.NODE_ENV === "development" && <LiveReload />}
@@ -56,29 +46,3 @@ export default function App() {
    </html>
  )
 }
-
-function HeaderNav() {
-  return (
-    <nav className="flex justify-between items-center">
-      <Link to="/">
-        <h1 className="text-3xl font-light">
-          reacord <CodeIcon className="inline w-8 align-sub opacity-50" />
-        </h1>
-      </Link>
-      <div className="flex gap-4">
-        <Link className={linkClass} to="/docs/guides/getting-started">
-          <DocumentTextIcon className="inline align-sub w-5" /> Guides
-        </Link>
-        <Link className={linkClass} to="/docs/api">
-          <DatabaseIcon className="inline align-sub w-5" /> API Reference
-        </Link>
-        <ExternalLink
-          className={linkClass}
-          href="https://github.com/itsMapleLeaf/reacord"
-        >
-          <ExternalLinkIcon className="inline align-sub w-5" /> GitHub
-        </ExternalLink>
-      </div>
-    </nav>
-  )
-}