feat: start on expansive footer

src/app/components/Checks.tsx

@@ -116,20 +116,25 @@ export function Checks() {
               <Flex direction="column" gap="2">
                 <Heading>
                   {policiesAgreementIndex === -1
-                    ? "BlitzKit's cookies"
+                    ? "BlitzKit's policies"
                     : "BlitzKit's policies have changed"}
                 </Heading>
 
                 <Text>
                   This website utilizes cookies to perform analytics and
                   personalize your experience. You can learn more through{' '}
-                  <Link href="/legal/privacy-policy">our privacy policy</Link>.
-                  You may opt out of personalized advertizement by visiting{' '}
+                  <Link href="/docs/legal/privacy-policy">
+                    our privacy policy
+                  </Link>
+                  . You may opt out of personalized advertizement by visiting{' '}
                   <Link href="https://www.google.com/settings/ads">
                     Google Ad Settings
                   </Link>
                   . By using BlitzKit, you also agree to our{' '}
-                  <Link href="/legal/terms-of-service">terms of service</Link>.
+                  <Link href="/docs/legal/terms-of-service">
+                    terms of service
+                  </Link>
+                  .
                 </Text>
               </Flex>
 

src/app/docs/[directory]/[document]/page.tsx

@@ -0,0 +1,31 @@
+import Markdown from 'markdown-to-jsx';
+import { use } from 'react';
+import { Link } from '../../../../components/Link';
+import PageWrapper from '../../../../components/PageWrapper';
+import isDev from '../../../../core/blitzkit/isDev';
+
+export default function Page({
+  params,
+}: {
+  params: { document: string; directory: string };
+}) {
+  const markdown = use(
+    fetch(
+      `https://raw.githubusercontent.com/tresabhi/blitzkit/${isDev() ? 'dev' : 'main'}/docs/${params.directory}/${params.document}.md`,
+    ).then((response) => response.text()),
+  );
+
+  return (
+    <PageWrapper>
+      <Markdown
+        options={{
+          overrides: {
+            a: { component: Link },
+          },
+        }}
+      >
+        {markdown}
+      </Markdown>
+    </PageWrapper>
+  );
+}

src/app/legal/[document]/page.tsx

@@ -1,17 +0,0 @@
-import Markdown from 'markdown-to-jsx';
-import { use } from 'react';
-import PageWrapper from '../../../components/PageWrapper';
-
-export default function Page({ params }: { params: { document: string } }) {
-  const markdown = use(
-    fetch(
-      `https://raw.githubusercontent.com/tresabhi/blitzkit/main/docs/legal/${params.document}.md`,
-    ).then((response) => response.text()),
-  );
-
-  return (
-    <PageWrapper>
-      <Markdown>{markdown}</Markdown>
-    </PageWrapper>
-  );
-}