move some non-post pages to mdx

app/cli/page.mdx

@@ -0,0 +1,52 @@
+import PageTitle from "../../components/PageTitle";
+import Content from "../../components/Content";
+import { metadata as defaultMetadata } from "../layout";
+
+import featuredImage from "./screenshot.png";
+
+export const metadata = {
+  title: "CLI",
+  description: "AKA, the most useless Node module ever published, in history, by anyone, ever.",
+  openGraph: {
+    ...defaultMetadata.openGraph,
+    title: "CLI",
+    images: [featuredImage.src],
+    url: "/cli",
+  },
+  alternates: {
+    ...defaultMetadata.alternates,
+    canonical: "/cli",
+  },
+};
+
+<PageTitle>🤖 CLI</PageTitle>
+
+<Content>
+
+> The [Jake Jarvis](https://jarv.is/) CLI (aka the most useless Node module ever published, in history, by anyone, ever).
+
+![Terminal Screenshot](./screenshot.png)
+
+## Usage
+
+```sh
+npx @jakejarvis/cli
+```
+
+## Inspired by
+
+- [@sindresorhus/sindresorhus-cli](https://github.com/sindresorhus/sindresorhus-cli)
+- [@yg/ygcodes](https://github.com/yg/ygcodes)
+
+## Built with
+
+- [ink](https://github.com/vadimdemedes/ink) - React for interactive command-line apps
+- [meow](https://github.com/sindresorhus/meow) - CLI helper
+
+[View source on GitHub.](https://github.com/jakejarvis/jakejarvis/tree/main/cli)
+
+## License
+
+MIT © [Jake Jarvis](https://jarv.is/), [Sindre Sorhus](https://sindresorhus.com/)
+
+</Content>

app/cli/page.tsx

@@ -1,77 +0,0 @@
-import Content from "../../components/Content";
-import PageTitle from "../../components/PageTitle";
-import Link from "../../components/Link";
-import Image from "../../components/Image";
-import Blockquote from "../../components/Blockquote";
-import CodeBlock from "../../components/CodeBlock";
-import { H2 } from "../../components/Heading";
-import { UnorderedList, ListItem } from "../../components/List";
-import { metadata as defaultMetadata } from "../layout";
-import type { Metadata } from "next";
-
-import cliImg from "./images/screenshot.png";
-
-export const metadata: Metadata = {
-  title: "CLI",
-  description: "AKA, the most useless Node module ever published, in history, by anyone, ever.",
-  openGraph: {
-    ...defaultMetadata.openGraph,
-    title: "CLI",
-    images: [cliImg.src],
-    url: "/cli",
-  },
-  alternates: {
-    ...defaultMetadata.alternates,
-    canonical: "/cli",
-  },
-};
-
-export default function Page() {
-  return (
-    <>
-      <PageTitle>🤖 CLI</PageTitle>
-
-      <Content>
-        <Blockquote>
-          The <Link href="/">Jake Jarvis</Link> CLI (aka the most useless Node module ever published, in history, by
-          anyone, ever).
-        </Blockquote>
-
-        <Link href="https://www.npmjs.com/package/@jakejarvis/cli">
-          <Image src={cliImg} alt="Terminal Screenshot" priority />
-        </Link>
-
-        <H2 id="usage">Usage</H2>
-        <CodeBlock withCopyButton>npx @jakejarvis/cli</CodeBlock>
-
-        <H2 id="inspired-by">Inspired by</H2>
-        <UnorderedList>
-          <ListItem>
-            <Link href="https://github.com/sindresorhus/sindresorhus-cli">@sindresorhus/sindresorhus-cli</Link>
-          </ListItem>
-          <ListItem>
-            <Link href="https://github.com/yg/ygcodes">@yg/ygcodes</Link>
-          </ListItem>
-        </UnorderedList>
-
-        <H2 id="built-with">Built with</H2>
-        <UnorderedList>
-          <ListItem>
-            <Link href="https://github.com/vadimdemedes/ink">ink</Link> - React for interactive command-line apps
-          </ListItem>
-          <ListItem>
-            <Link href="https://github.com/sindresorhus/meow">meow</Link> - CLI helper
-          </ListItem>
-        </UnorderedList>
-        <p>
-          <Link href="https://github.com/jakejarvis/jakejarvis/tree/main/cli">View source on GitHub.</Link>
-        </p>
-
-        <H2 id="license">License</H2>
-        <p>
-          MIT &copy; <Link href="/">Jake Jarvis</Link>, <Link href="https://sindresorhus.com">Sindre Sorhus</Link>
-        </p>
-      </Content>
-    </>
-  );
-}