Refactor content schemas, docs structure, and blog OG generation (#1884)

* feat(content): update content collection schemas and slug generation

* docs(content): add section metadata to documentation files

* feat(og): add author and date to blog og schema

* feat(docs): improve docs routing and structure handling

* style(legal): enhance legal pages layout and background

* feat(blog): generate dynamic og image for blog posts

Author: ComputelessComputer

apps/web/content-collections.ts

@@ -40,7 +40,7 @@ const articles = defineCollection({
     display_title: z.string().optional(),
     meta_title: z.string(),
     meta_description: z.string(),
-    author: z.string(),
+    author: z.enum(["Harshika", "John Jeong", "Yujong Lee"]),
     created: z.string(),
     updated: z.string().optional(),
     coverImage: z.string().optional(),
@@ -133,6 +133,7 @@ const docs = defineCollection({
   exclude: ["AGENTS.md", "hooks/**", "deeplinks/**"],
   schema: z.object({
     title: z.string(),
+    section: z.string(),
     summary: z.string().optional(),
     category: z.string().optional(),
     author: z.string().optional(),
@@ -163,16 +164,25 @@ const docs = defineCollection({
 
     const sectionFolder = pathParts[0] || "general";
 
-    const slug = document._meta.path.replace(/\.mdx$/, "");
-
     const isIndex = fileName === "index";
 
+    const orderMatch = fileName.match(/^(\d+)\./);
+    const order = orderMatch ? parseInt(orderMatch[1], 10) : 999;
+
+    const cleanFileName = fileName.replace(/^\d+\./, "");
+    const cleanPath =
+      pathParts.length > 0
+        ? `${pathParts.join("/")}/${cleanFileName}`
+        : cleanFileName;
+    const slug = cleanPath;
+
     return {
       ...document,
       mdx,
       slug,
       sectionFolder,
       isIndex,
+      order,
       toc,
     };
   },

apps/web/content/docs/index.mdx renamed to apps/web/content/docs/about/0.hello-world.mdx

@@ -1,5 +1,6 @@
 ---
 title: "Hello World!"
+section: "About"
 description: "We are making a world where work is simply talking to others and thinking deeply on your own — nothing else needs to be done."
 ---
 

apps/web/content/docs/about-hyprnote/what-is-hyprnote.mdx renamed to apps/web/content/docs/about/1.what-is-hyprnote.mdx

@@ -1,5 +1,6 @@
 ---
 title: "What is Hyprnote?"
+section: "About"
 description: "Hyprnote is a privacy-first AI notepad for meetings. Think of it as the open-source version of Granola — except that we're cooler."
 ---
 

apps/web/content/docs/about-hyprnote/why-local-first.mdx renamed to apps/web/content/docs/about/2.why-local-first.mdx

@@ -1,5 +1,6 @@
 ---
 title: "Why Local-First?"
+section: "About"
 description: "What if I said Excel beats Google Sheets? Not because it's Microsoft(lol), but because it's local-first."
 ---
 

apps/web/content/docs/about-hyprnote/why-self-hosted.mdx renamed to apps/web/content/docs/about/3.why-self-hosted.mdx

@@ -1,5 +1,6 @@
 ---
 title: "Why Self-Hosted?"
+section: "About"
 description: "Why the heck would you want to self-host Hyprnote? Because you can, and because it gives you control over your data and privacy."
 ---
 

apps/web/content/docs/cli.mdx

@@ -1,6 +1,7 @@
 ---
-title: Analytics
-description: Learn about analytics in Hyprnote
+title: "Analytics"
+section: "Developers"
+description: "Learn about analytics in Hyprnote"
 ---
 
 ## Analytics

apps/web/content/docs/analytics.mdx renamed to apps/web/content/docs/developers/0.analytics.mdx

@@ -1,5 +1,6 @@
 ---
 title: "Bug Reports & Debugging"
+section: "Developers"
 description: "How to report bugs and find log files for troubleshooting Hyprnote"
 ---
 

apps/web/content/docs/bug-report.mdx renamed to apps/web/content/docs/developers/1.bug-report.mdx

@@ -0,0 +1,5 @@
+---
+title: "CLI"
+section: "Developers"
+description: "Learn how to use CLI in Hyprnote"
+---

apps/web/content/docs/developers/2.cli.mdx

@@ -1,6 +1,7 @@
 ---
-title: Deeplinks
-summary: Learn how to use deeplinks in Hyprnote
+title: "Deeplinks"
+section: "Developers"
+summary: "Learn how to use deeplinks in Hyprnote"
 ---
 
 # Overview