diff --git a/packages/docs/app/root.tsx b/packages/docs/app/root.tsx
index f08fcfa..1dc1cef 100644
--- a/packages/docs/app/root.tsx
+++ b/packages/docs/app/root.tsx
@@ -1,3 +1,4 @@
+import packageJson from "reacord/package.json"
import type { LinksFunction, MetaFunction } from "remix"
import {
Links,
@@ -9,12 +10,10 @@ import {
} from "remix"
import prismThemeCss from "./prism-theme.css"
-export const meta: MetaFunction = () => {
- return {
- title: "Reacord",
- description: "Create interactive Discord messages using React and JSX.",
- }
-}
+export const meta: MetaFunction = () => ({
+ title: "Reacord",
+ description: packageJson.description,
+})
export const links: LinksFunction = () => [
{ rel: "stylesheet", href: prismThemeCss },
diff --git a/packages/docs/app/routes/index.tsx b/packages/docs/app/routes/index.tsx
index 0cb04af..d56dd6c 100644
--- a/packages/docs/app/routes/index.tsx
+++ b/packages/docs/app/routes/index.tsx
@@ -1,3 +1,4 @@
+import packageJson from "reacord/package.json"
import { Link } from "remix"
import LandingExample from "~/components/landing-example.mdx"
@@ -11,9 +12,7 @@ export default function Landing() {
- Create interactive Discord messages using React and JSX. -
+{packageJson.description}